儘管我在專案中嘗試新增jQuery，但是我遇到一個錯誤，提示它未定義。
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' }
],
為什麼會發生這種情況，很明顯我在bootstrap-select之前已經聲明了jQuery。
我不建議在Nuxt專案中加入jQuery。
但是如果你真的想要添加，可以按照以下步驟進行：
yarn add jquery安裝它nuxt.config.js檔案中import webpack from 'webpack' export default { // ... build: { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }) ] }, }.eslintrc.js檔案中有以下內容module.exports = { // ... env: { // ... commonjs: true, jquery: true }, }然後，你可以在
method或類似的地方這樣使用它$("h2").addClass("tasty-class")