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