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

2023-05-16

错误原因:该错误是未安装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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue小知识: $ is not defined错误解决 的相关文章

随机推荐