美文网首页我爱编程
vue引入jquery遇到的问题

vue引入jquery遇到的问题

作者: 2019吖 | 来源:发表于2018-07-26 11:35 被阅读0次

1、jquery版本过低,导致不能使用,并且报异常,异常找了老半天没找到原因,气死宝宝了。

jquery版本过低 导致报异常

2、main.js里面引入的jquery大小写要和package.json文件里面的一致

名称保持一致

3、vue项目引入jquery步骤

第一步:为防止没指定安装版本,而导致安装版本低,导致出问题,直接在package.json里面dependencies添加 "jquery" : "^2.2.3",或者其他高版本的jquery,然后npm install一下

第二步:

在build目录下的webpack.base.conf.js里加入

var webpack = require("webpack")

同样在该文件的module.exports的最后加入

plugins: [

     new webpack.optimize.CommonsChunkPlugin('common.js'),

     new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" })

]

第三步: 在main.js 引入

import $ from 'jquery'

注意:如果在引入import $ from 'jquery'之后启动报如下错误

no-unused-vars错误

注释掉以下代码

注释检验

相关文章