'$' is not defined

vue项目中遇到'$' is not defined解决方法：

1.安装jquery

npm install jquery --save

2.项目中找到webpack.base.conf.js文件，如没有则在根目录下简历webpack.base.conf.js文件

添加如下内容：

var webpack = require('webpack')
module.exports = {
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
          names: ['vendor', 'manifest']
        }),
        new HtmlWebpackPlugin({
          template: 'src/index.html'
        }),
        new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "window.jQuery": "jquery"
        })
      ],
};

3.在main.js中引入jquery

import $ from 'jquery';
window.jQuery = $;
window.$ = $;

4.注：如果项目中引用了.eslintrc.js文件，还需要在文件的module.exports中，为env添加一个键值对 jquery: true

 

 重启完成