vue项目build报错的解决办法(ERROR in static/js/vendor.xxxxx.js from UglifyJs)
2018-01-24 23:42
5647 查看
一直运行很好的项目突然build报错了,错误信息如下:
在 UglifyJs 的 github issues #78 找到了这样一个解决方案:由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。issue 里最后给出的解决方案是用 beta 版本的Uglify-es 来代替 UglifyJs(Beta 版本引入了对 ES2015+)的支持。需要在前端工作目录下用执行命令
不过在尝试过后,发现 build error 的问题依然没有解决,在深入查找问题所在后,决定用 bable 来解析 element-ui, 要完成此操作只需要修改前端文件夹下的build/webpack.base.conf.js 文件即可,修改如下:
修改前
修改后
相当于将 element-ui 加入需要 babel 解析的包中。
之后再次执行
转载自以下文章:
原文地址
ERROR in static/js/vendor.f1c68aa2d5e85847d30e.js from UglifyJs Unexpected token name «i», expected punc «;» [./node_modules/element-ui/src/utils/merge.js:2,0][static/js/vendor.f1c68aa2d5e85847d30e.js:17064,11] Build failed with errors.
在 UglifyJs 的 github issues #78 找到了这样一个解决方案:由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。issue 里最后给出的解决方案是用 beta 版本的Uglify-es 来代替 UglifyJs(Beta 版本引入了对 ES2015+)的支持。需要在前端工作目录下用执行命令
npm i -D uglifyjs-webpack-plugin@beta。
不过在尝试过后,发现 build error 的问题依然没有解决,在深入查找问题所在后,决定用 bable 来解析 element-ui, 要完成此操作只需要修改前端文件夹下的build/webpack.base.conf.js 文件即可,修改如下:
修改前
module: { rules: [ ... { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] },
修改后
module: { rules: [ ... { test: /\.js$/, loader: 'babel-loader',//注意elementUI的源码使用ES6需要解析 include: [resolve('src'), resolve('test'),resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')] }, ...
相当于将 element-ui 加入需要 babel 解析的包中。
之后再次执行
npm run build, build 成功。
转载自以下文章:
原文地址
相关文章推荐
- ERROR in static/js/vendor.xxxx.js from UglifyJs Unexpected token: punc webpack打包出错解决
- vue问题: 解决ERROR in xxx.js from UglifyJs
- UglifyJs无法压缩vendor.js: ERROR in static/js/vendor.xxx.js from UglifyJs
- error in static/js/xxx.js from UglifyJs Unpected token: punc() [static/js/xxx.js]
- 用weex create 创建app项目 报 ERROR in index.web.js from UglifyJs 错误!
- Eclipse中编译Android项目工程失败,提示: Error in an XML file: aborting build 解决办法
- ERROR in index.js from UglifyJs(VUE打包时遇到的错误)
- 关于webpack项目中报错:Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 的解决办法
- Android之ndk-build出现c:28:51: error: 'get_string' undeclared here (not in a function)解决办法
- Android studio导入eclipse项目报错Cause: error in opening zip file解决方法
- modelsim10.4仿真错误Error: (vlog-7) Failed to open design unit file "XXXXX" in read mode解决办法
- 编写android程序时:Error in an XML file: aborting build"错误的解决办法
- angular.js:14199 Error: [$rootScope:inprog]的成因及解决办法
- 基于vue-cli npm run build之后vendor.js文件过大的解决方法
- 解决vue-cli npm run build之后vendor.js文件过大的问题
- 安装Adobe Flash CS5出错的解决办法(Exit Code: 7 ERROR: Unable to get root from inChildPath)
- 安装Adobe Flash CS5出错的解决办法(Exit Code: 7 ERROR: Unable to get root from inChildPath)
- ERROR in index.web.js from UglifyJs
- Node js 项目启动报错,错误码,events.js:141,throw er; //Unhandled 'error' event,解决办法
- 安装Adobe Flash CS5出错的解决办法(Exit Code: 7 ERROR: Unable to get root from inChildPath)