ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败

菜鸡后端冒充前端写vue页面,运行调试一切正常,运行npm run build的时候遇到了一个大大的Error,如图:

 

ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第1张图片

google各种方案无解,原来是自己给自己挖了个坑。

解决过程:

    1.Error in  xxx.js from UglifyJs  搜索结果是Es6无法正常编译为Es5的原因

    2.Invalid assignment [./axios/fetch.js:6,0] 表示问题出现在fetch.js的第六行,如图:

ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第2张图片

3.问题就出现在Promise对象

4.按照网上找来的解决方案

    4.1 加入babel-preset-es2015插件处理编译问题  $ npm install --save babel-preset-es2015

    4.2 修改webpack.base.conf.js文件,加入【options: {presets: ['es2015']},】如图:

ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第3张图片

    4.3修改.babelrc文件,加入【"presets": ["es2015"]】,如图:

    ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第4张图片

5.本以为大功告成,运行 $ npm run build , 再次报错

6.此处省略一万无用字,是自己写的项目结构导致此方案没有处理完成,如图:

ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第5张图片

7.axios请求框架封装我放在了src外部,再次修改webpack.base.conf.js文件,如图:

ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第6张图片

8.至此处理完成,成功打包

ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败_第7张图片

你可能感兴趣的:(vue)