vue引入静态jquery报错怎么办

vue引入静态jquery报错的解决办法：1、通过“npm install jquery –save”安装jquery依赖；2、在“vue.config.js”中配置jquery；3、通过“import $ from "jquery";”方式在页面中引入jquery即可。

本教程操作环境：Windows10系统、jquery3.2.1版、DELL G3电脑

vue引入静态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";

推荐学习：《jQuery视频教程》