简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Étapes pour installer jQuery dans Nuxt.js
P粉755863750
P粉755863750 2023-11-06 16:41:50
0
1
538

Bien que j'aie essayé d'ajouter jQuery dans mon projet, j'ai rencontré une erreur indiquant qu'il n'est pas défini.

plugins: [ { src: '~/plugins/js/svgSprite.js', mode: 'client' }, { src: '~/plugins/vendor/jquery/jquery.min.js', mode: 'client' }, { src: '~/plugins/vendor/bootstrap/js/bootstrap.bundle.min.js', mode: 'client' }, { src: '~/plugins/vendor/bootstrap-select/js/bootstrap-select.min.js', mode: 'client' }, <-- 给我报错 { src: '~/plugins/vendor/magnific-popup/jquery.magnific-popup.min.js', mode: 'client' }, { src: '~/plugins/vendor/smooth-scroll/smooth-scroll.polyfills.min.js', mode: 'client' }, { src: '~/plugins/vendor/object-fit-images/ofi.min.js', mode: 'client' }, { src: '~/plugins/js/theme.js', mode: 'client' } ],

Pourquoi cela se produit-il, j'ai évidemment déclaré jQuery avant bootstrap-select.

P粉755863750
P粉755863750

répondre à tous (1)
P粉277824378
P粉2778243782023-11-07 10:37:21 1 plancher

Je ne recommande pas d'ajouter jQuery aux projets Nuxt.

Mais si vousvraimentvoulez l'ajouter, vous pouvez suivre ces étapes :

  • Installez-le en utilisantyarn add jquery
  • Ajoutez ce qui suit à votrenuxt.config.jsfichier
import webpack from 'webpack' export default { // ... build: { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }) ] }, }
  • Assurez-vous d'avoir le contenu suivant dans votre.eslintrc.jsfichier
module.exports = { // ... env: { // ... commonjs: true, jquery: true }, }

Ensuite, vous pouvez l'utiliser comme cecimethoddans

ou similaire 
$("h2").addClass("tasty-class")
Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！