1、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'之后启动报如下错误

注释掉以下代码
