记一次vue build报错的问题：UglifyJs Unexpected token name

最新推荐文章于 2024-02-25 17:44:11 发布
最新推荐文章于 2024-02-25 17:44:11 发布
阅读量1.8k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lazy_ting/article/details/108580955
版权
在项目中引入鹅厂TRTC组件时遇到UglifyJs编译错误。原因是UglifyJs不支持ES6语法。在webpack配置中针对组件进行处理可解决该问题。但针对TRTC，更佳解决方案是将trtc.js文件单独引入，并在需要的页面直接使用，避免npm卸载和打包问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

起因：

要在项目中嵌入鹅厂的TRTC组件。前端引入TRTC之后，使用npm run build编译报错。

原因：

资料地址：https://www.jason-z.com/post/uglifyjs-unexpected-token-name

网上搜了一圈，说是UglifyJs无法解析ES6的语法，引入的组件里包含了ES6.

 

解决：

在项目的build\webpack.base.conf.js 文件中，在入下图所示位置加入对指定组件的处理，重新编译，就不报错了。

 

另：

记录在此次解决过程中学习到的知识点!

带^ 的是指最新版本，不带的是指 指定版本

 

2020-09-16更新

以上的方法可

最低0.47元/天 解锁文章
vue2/3 - 打包出现报错：ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)完美解决!
高级前端工程师
03-01 3555
vue，vue2打包报错，vue3打包时报错，npm run build，无法打包怎么办，打包时出现报错ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)如何解决，如何解决build打包时出现报错，vue报错，解决报错，终端提示错误，浏览器报错，vue如何解决项目最终打包时出现报错，vue3 build打包报错，vue2执行biuld打包命令时报错，build打包命令，vue2/3 - 打包出现报错：E
vue项目出现Uncaught SyntaxError: Unexpected token ＜ 解决方案
热门推荐
oopxiajun博客专栏
08-25 5万+
现象 开发 测试 启动 npm run dev 能正常访问 打包 npm run build 后访问页面出现空白，浏览器F12 查看报错 就一个简单的页面，连个js文件都没引用，结果出现Uncaught SyntaxError: Unexpected token < 细究原因 服务器端，要是访问了一个不存在的文件【路径写错了】返回了一个404的提示页面 看看vue最后打包的index.html中的内容 <!DOCTYPE html><html> &...
webpack打包出错：... UglifyJs Unexpected token name(...)解决方案
sinat_36227086的博客
04-15 5483
1.问题描述： 使用webpack打包的时候出现Unexpected token: name的错误，完整报错如下： ERROR in js/app.beef0790.js from UglifyJs Unexpected token: name (result) [./node_modules/_node-rsa@1.1.1@node-rsa/src/formats/openssh.js:12,0][static/js/vendor.4e305fead8c777fd6b59.js:81119,12....]
vue build 报错 UglifyJs
sonight_top的博客
07-12 327
描述在npm run build的时候突然报错 ERROR in static/js/vendor.31c4876892a389c58491.js from UglifyJs Unexpected token: name (raf) [./node_modules/_resize-detector@0.1.10@resize-detector/esm/index.js:1,0][static/js/vendor.31c4876892a389c58491.js:19085,4] 原因是UglifyJs支.
vue 打包失败问题UglifyJs Unexpected token: name
liu_chenglong的博客
10-12 1731
> 注：适用于大多数 ``UglifyJs Unexpected token: name`` 的情况，犹如 `element-ui`、`image-conversion`、`xlsx`等插件。 ## 问题背景：最近在做一个`vue读取本机的excel文件的两种方式`的需求，即本地浏览器将用户上传的excel文件解析出来并展示给用户查看，再选择要导入的数据，将其调用接口保存到数据库。 在打包时报了一个错误，如下： ERROR in static/js/24.js from UglifyJs Unexpecte
记录一次使用了UglifyJs插件npm run build报错的问题
weixin_43530377的博客
01-08 429
如图，npm run build打包，报js文件某行报错，实际上是这个文件用了es6的语法，导致UglifyJs无法压缩 那么我们可以使用babel-loader先去处理下。配置时注意要配置在node_modules中的实际路径。具体配置如下： webpack.base.conf.js文件中关于js的配置处，加上 resolve(‘报错的文件或指定文件夹’) ...
没有使用uglifyjs，但是打包报UglifyJs错误；Unexpected token: name (raf) [main_25188b.js:121200,4]
qq_44869043的博客
10-27 1130
尝试了很多方法，没能够拿到 GitLab 或 Docker build 后的代码，拿不到 main_25188b.js 文件，就一直无法从这个文件里查看是哪里的代码出现问题。第三行 包含的文件：清空，不要有任何字符或空格，如果有很明确的报错地方，也可以将该文件夹的名称写上去，如果确定就是node_modules报错，可以写上。只需要找出是哪个依赖包的 js 文件没有编译为 es5 ，将这个依赖包 include 进 babel-loader 中，就可以解决这个问题。所以我们是哪个依赖包出了问题。
Vue打包报错Unexpected token: punc(()解决方案
weixin_34310785的博客
03-27 3666
（用vscode）vue项目打包时，报错，报错信息如下： ERROR in static/js/0.564c764efc3ecf31190c.js from UglifyJs Unexpected token: punc (() [App.vue?4b081dc6:15,0][static/js/0.564c764efc3ecf31190c.js:89,9] ERROR in sta...
uglifyjs打包报错问题、打包后部分ios机型不显示问题处理
weixin_43837268的博客
05-08 416
1、打包报错问题 升级最新uglifyjs npm i uglifyjs-webpack-plugin -S 2、打包后部分ios机型不显示问题处理 添加兼容safari10 new UglifyJsPlugin({ uglifyOptions:{ mangle: { safari10: true }, } }) ...
uglifyjs报错 webpack_webpack3里使用uglifyjs压缩js时打包报错的解决
weixin_39588983的博客
01-30 301
环境：webpac<4的下，安装uglifyjs。cnpm install uglifyjs-webpack-plugin -D安装完毕后，去npm里查看uglifyjs的使用方法并添加到代码中：const UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = {//...optimization: {mini...
解决Vue打包报错：ERROR in static/js/xxx.js from UglifyJs Unexpected token: name ...
最新发布
weixin_63590089的博客
02-25 788
事情到这里一般就结束了，但是当运行自己项目的时候，发现引用这个js模块的页面不能加载了。显然是上面引入导致的问题。今天从公司拉取了一个项目代码修改功能，npm run dev都好好的，没有问题。到打包的时候莫名就报了一个错误。主要原因是安装的第三方插件使用es6语法，压缩插件不支持导致，debug依赖里面js es6转es5失败。这边都是百度找到的答案，本人还是一知半解，有知道的大佬可以解释一下原因。就能解决，自己注意自己报错js的路径，这样重新打包就不会报错了。,这样我们的项目就可以正常运行打包了。
Name expected [js/chunk-4b5816b5.0950b124.js:250,6] from UglifyJs
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
08-30 540
vue 项目可以正常启动运行，但是使用 vuecli3 打包时却 js 报错，项目里使用了 html2canvas 跟 jspdf，然后打包里面使用了。不支持新的 es6 语法，解决方法就是使用。配置，注意这里需要用 4.x 版本的。...
【Webpack】npm run build 打包报错 Uglifyjsplugin of undefined
时间飞逝的博客
04-11 2915
npm run build 打包报错 Uglifyjsplugin of undefined
UglifyJsPlugin is not defined报错的坑
qq_39596012的博客
12-08 2986
项目场景：webpack中使用插件uglifyjs-webpack-plugin打包压缩 问题描述： 不管怎么引用都会报错 UglifyJsPlugin is not defined 原因分析： 1. 是UglifyJS不支持ES6的语法。理论上不应该。 2. 发现uglifyjs-webpack-plugin 2.0版本的Release日志中，明确提示重新切换回到uglify-js，因为uglify-es被废弃了，如果需要ES6代码压缩，请使用terser-webpack-plugin 解决方案：
关于在React build时遇到关于打包失败的问题 “Error in js/app.xxxx.js from UglifyJs undefined”
CK_Wang_Sir的博客
11-22 4229
昨天搞了一个月的React前端项目可算是整完了，样式也调整完毕了，满怀欣喜的打算部署到测试环境上看看效果，结果。。 肝疼。。。。。出现错误，来吧 解决吧 先看看错误啥意思 “ 错误在 js/app.13xxxxx.js 在uglifyjs undefined ”？？？我擦 这是啥个意思。 本着不明白咱就百度 “uglifyjs ” 是压缩js作用 然后 这个错误貌似就是 这个 文件 压...
vue打包遇到的UglifyJs问题
hanz666的博客
12-15 6172
今天准备打包最近手头正在做的一个vue项目到测试环境跑一下，顺便测试一下，可是不想打包的时候出现了ERROR in static/js/vendor.6ee331eab7d8c9bf1876.js from UglifyJs Unexpected token name «i», expected punc «;» [static/js/vendor.6ee331eab7d8c9bf1876.js:1
UglifyJs 压缩 报错 Unexpected token name «i», expected punc «;»
haya的博客
12-10 1877
UglifyJs 压缩 报错 Unexpected token name «i», expected punc «;» 在自己项目中的webpack.config.js 加入 { test: /iview.src.*?js$/, loader: 'babel-loader' },
UglifyJS压缩的一个奇怪的bug及解决办法
James Ren的专栏
11-13 3229
今天遇到一个很奇怪的问题，在开发测试没有问题的JS代码，放到服务器上chrome就报错，错误为‘[color=red]ReferenceError: b is not defined[/color]’，初步断定是UglifyJS压缩有问题，我们将未压缩的代码放到服务器上，发现问题消失。 接着就要查找原因了，将压缩的代码用netbeans打开，使用ALT+SHIFT+F格式化，找到了错...
UglifyJs打包报错：Unexpected token: keyword const
Jenn168的博客
09-05 1477
背景描述：   UglifyJS Webpack Plugin插件用来缩小（压缩优化）js文件，至少需要Node v6.9.0和Webpack v4.0.0版本。   webpack 4之前的版本是通过webpack.optimize.CommonsChunkPlugin来压缩js，webpack 4版本之后被移除了，使用config.optimization.splitChunks来代替。 最近，JavaScript项目在打包过程中莫名其妙报错： �[1m�[31mERROR in js/main.404
Uncaught SyntaxError :Unexpected token .
09-19
Uncaught SyntaxError: Unexpected token <错误通常是由于在引入JavaScript文件时路径出现问题导致的。根据提供的引用内容，你可以尝试以下解决方法： 1. 首先，确保你的JavaScript文件路径是正确的。根据引用，你可以检查一下index.html文件中引入JavaScript文件的路径是否正确。你可以将路径改为`<script type="text/javascript" th:src="@{/static/js/jquery-3.3.1.min.js}"></script>`，这样可以确保正确引入了jquery-3.3.1.min.js文件。 2. 如果问题仍然存在，根据引用，这个错误可能是由于文件名的改变导致的。Vue-cli默认生成的文件名格式为`js/[name].[chunkhash].js`，每次运行`npm run build`时，有改动的文件的哈希值都会改变。如果文件名发生了改变，上传到服务器后Nginx可能无法找到最新上传的文件，从而返回了默认的index.html内容。这可能导致浏览器无法正确解析JavaScript代码，从而抛出了"Uncaught SyntaxError: Unexpected token <"错误。你可以尝试修改`build/webpack.prod.conf.js`文件中的output输出文件名格式，以确保每次发布新的版本时文件名不会发生变化。 综上所述，你可以按照以上两个方法来解决"Uncaught SyntaxError: Unexpected token <"错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值