Walaupun saya cuba menambah jQuery dalam projek saya, saya mengalami ralat mengatakan ia tidak ditentukan.
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' }
],
Mengapa ini berlaku, jelas saya telah mengisytiharkan jQuery sebelum bootstrap-select.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya tidak mengesyorkan menambah jQuery pada projek Nuxt.
Tetapi jika anda betulmahu menambahnya, anda boleh ikuti langkah berikut:
yarn add jquerynuxt.config.jsfailimport webpack from 'webpack' export default { // ... build: { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }) ] }, }.eslintrc.jsfailmodule.exports = { // ... env: { // ... commonjs: true, jquery: true }, }Kemudian, anda boleh menggunakannya seperti ini
atau serupa 🎜methoddalam$("h2").addClass("tasty-class")