'$' 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

 

 重啟完成