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

危险、

已于 2023-03-02 17:26:29 修改

阅读量7.8w

点赞数 20

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： Vue使用过程错误总结

于 2019-03-07 11:44:37 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43945983/article/details/88294052

vue 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何解决因未安装JQuery导致的错误。通过安装JQuery依赖包，配置Webpack，导入JQuery到main.js，并调整.eslintrc.js文件，确保项目的正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

	cnpm install jquery --save

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

var webpack = require('webpack')

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

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

3.在main.js里导入jQuery

import 'jquery'

4.配置完成，启动项目

npm run dev

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

	env: {
	  // 原有
	  browser: true,
	  // 添加
	  jquery: true
	}
然后启动项目即可。

。
。
。
兄弟们(女士赶紧路过)闲暇之余，累了困了，来这里看看姑娘提提神啊
用手机打开浏览体验最佳（手动滑稽）
https://mp.weixin.qq.com/s/5e8PWVqZcMt8rif1U4uAsQ

*觉得有用可以关注博主哦，如果再不能相遇，祝你早午晚都安。。。