Vue小知识： $ is not defined错误解决

错误原因：该错误是未安装JQuery依赖包导致。

解决方案：安装依赖包
1.执行安装jquery依赖包命令

    cnpm install jquery --save

    1

2.webpack配置
（1）.在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用

var webpack = require('webpack')

    1

(2)然后在module.exports中添加一段代码，

 plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]

    1
    2
    3
    4
    5
    6
    7

3.在main.js里导入jQuery

import 'jquery'

    1

4.配置完成，启动项目

npm run dev

    1

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

    env: {
      // 原有
      browser: true,
      // 添加
      jquery: true
    }
然后启动项目即可。
————————————————
版权声明：本文为CSDN博主「危险、」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43945983/article/details/88294052