关于在React build时遇到关于打包失败的问题 “Error in js/app.xxxx.js from UglifyJs undefined”

昨天搞了一个月的React前端项目可算是整完了,样式也调整完毕了,满怀欣喜的打算部署到测试环境上看看效果,结果。。
在这里插入图片描述
肝疼。。。。。出现错误,来吧 解决吧

  1. 先看看错误啥意思 “ 错误在 js/app.13xxxxx.js 在uglifyjs undefined ”???我擦 这是啥个意思。
    本着不明白咱就百度 “uglifyjs ” 是压缩js作用 然后 这个错误貌似就是 这个 文件 压缩失败? what? 我开始还成功呢,期间就换了个antd(前端组件)版本就失败了? 好吧 咱们接着看
    大致说是因为项目有的文件没有es6转es5。 不对啊! 咱们使用了babel啊,而且在这里插入图片描述
    这么多呢,在webpack.pro的配置文件中也使用了啊! 唉! 还是一脸懵,接着查吧! 各种什么 在rule 匹配js/jsx文件中添加解析es2015的babel。。哇 错误更多了 ,搞了快一天了,还是没解决
    后来实在没办法了 请教大佬们吧! 哎 这不巧了码 我们公司其他前端大佬也遇到类似问题 解决方法很简单
    在这里插入图片描述
    这是我的webpack.pro的配置文件 看我蓝线的那部分 就是因为uglifyjs的原因导致的 ,我在网上找了一些资料
    这个老哥讲的很好
    https://www.cnblogs.com/XCWebLTE/p/10270629.html
    具体更改:
    在这里插入图片描述
    我把UglifyJs更改了,换成terser-webpack-plugin配置,然后在原来使用UglifyJs的地方更改成terser的内容
    在这里插入图片描述
    重新npm run build
    在这里插入图片描述
    搞定 OK。果然 遇到问题 还是要请教一下 一天下来折腾那么久。

ps:后来 我有查了一下,现在UglifyJS的版本已经3.0多了 而我用了还是2.0 的 不知道是不是因为版本过低的问题也导致他没办法压缩部分es6的语法 也可以试一试升级一下版本
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值