这篇文章主要介绍“vue引入静态jquery报错如何解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue引入静态jque...
这篇文章主要介绍“vue引入静态jquery报错如何解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue引入静态jquery报错如何解决”文章能帮助大家解决问题。
vue引入静态jquery报错的解决办法：1、通过“npm install jquery --save”安装jquery依赖；2、在“vue.config.js”中配置jquery；3、通过“import $ from "jquery";”方式在页面中引入jquery即可。
关于vue中引用jquery报错
vue项目中需要使用jquery时，我们可能安装了jquery还是会提示报错，如何解决呢，如下所示：
1.安装jquery依赖 npm install jquery --save
2.在vue.config.js中配置jquery
const webpack = require('webpack')
module.exports = {
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
}
3.在页面中引入
import $ from "jquery";
关于“vue引入静态jquery报错如何解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注捷杰建站行业资讯频道，小编每天都会为大家更新不同的知识点。
服务热线 19970861797
