解决Vue打包报错:ERROR in static/js/xxx.js from UglifyJs Unexpected token: name ...
今天从公司拉取了一个项目代码修改功能,npm run dev都好好的,没有问题。到打包的时候莫名就报了一个错误。
ERROR in static/js/0.fde69d695076674bcd24.js from UglifyJs Unexpected token: name (toSJISFunction) [./~/qrcode/lib/core/utils.js:1,0][static/js/0.fde69d695076674bcd24.js:371,4]
主要原因是安装的第三方插件使用es6语法,压缩插件不支持导致,debug依赖里面js es6转es5失败 。
这时只要在 webpack.base.conf.js文件加入resolve('node_modules/qrcode/lib')就能解决,自己注意自己报错js的路径,这样重新打包就不会报错了。
事情到这里一般就结束了,但是当运行自己项目的时候,发现引用这个js模块的页面不能加载了。显然是上面引入导致的问题。这时我们需要安装npm install babel-preset-es2015,安装之后需要在babel配置文件里面加上es2015,这样我们的项目就可以正常运行打包了。
// 我这里是在.babelrc文件
"presets": ["es2015"]
这边都是百度找到的答案,本人还是一知半解,有知道的大佬可以解释一下原因。