解决vue3引入jquery导致‘$‘ is not defined no-undef
如题,在各大博客搜索了N多文章,大多是说创建vue.config.js,例如添加以下内容const webpack = require('webpack')module.exports = {chainWebpack: config => {config.plugin('provide').use(webpack.ProvidePlugin, [{$: 'jquery',jquery: 'j
·
如题,在各大博客搜索了N多文章,大多是说创建vue.config.js,例如添加以下内容
const webpack = require('webpack')
module.exports = {
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
}
然后在main.js添加
import $ from 'jquery'
createApp(App).use($);
然鹅根本不起作用好吧!!!!!
这种方法好像并没有在全局引入,我本地的确已经有了jquery依赖包的,因为在某个具体的页面引入,例如demo.vue是可以使用的,不过这样的话就要每个页面都写一遍import $ from ‘jquery’,烦死了吧
import $ from 'jquery'
配图
- 解决办法
虽然不知道为什么报错,不过还是在别人那里找到了解决办法,很简单,只需要在
- 在package.json里找到eslintConfig.env配置项添加 “jquery”: true
"jquery": true
- 在package.json里找到dependencies配置项添加 “jquery”: “^3.6.0”,
"jquery": "^3.6.0"
下图是修改后的
只需要这样就可以全局使用啦,也不需要在main.js或者vue.config.js里边鼓捣什么
更多推荐
已为社区贡献2条内容
所有评论(0)