您现在的位置是：网站首页> 编程资料编程资料

vue引入jquery时报错 $ is not defined的问题及解决_vue.js_

2023-05-24 321人已围观

简介 vue引入jquery时报错 $ is not defined的问题及解决_vue.js_

vue引入jquery时报错 $ is not defined

以免日后再次遇到忘记。

安装JQuery

npm install --save jquery

统一webpack版本

不同版本处理方法可能不同，我们这里就统一一下webpack版本

npm uninstall webpack npm install webpack@^4.0.0 --save-dev

新建配置文件

新建一个文件夹，命名为vue.config.js，这个文件是与public和src文件同级之前的版本是需要在webpack.base.conf.js里修改，新的版本没有这个文件，我们需要建立这个文件来配置。

我们需要将以下代码加入我们的配置文件

var webpack = require('webpack') configureWebpack: {         plugins: [             new webpack.ProvidePlugin({                 $: "jquery",                 jQuery: "jquery",                 "windows.jQuery": "jquery"             })         ]     }

最终如下：

var webpack = require('webpack') module.exports = {     lintOnSave: false,     devServer: {          proxy: {             '/api': {                 target: 'http://localhost:8000',                 changeOrigin: true,                 ws: true,                 pathRewrite: {                     '^/api': ''                 }             }         }     },     configureWebpack: {         plugins: [             new webpack.ProvidePlugin({                 $: "jquery",                 jQuery: "jquery",                 "windows.jQuery": "jquery"             })         ]     } }