vue打包报错 ERROR in chunk app [initial] static/js/[name].[chunkhash].js Unexpected token (229:0)

最新推荐文章于 2024-07-05 15:11:07 发布
最新推荐文章于 2024-07-05 15:11:07 发布
阅读量6.1k 收藏
点赞数 3
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bobobocai/article/details/86639895
本文探讨了在Vue项目中使用npm run build命令进行打包时遇到的常见错误。问题源于配置文件prod.env.js中API_HOST变量的双引号缺失，导致打包过程失败。文章详细分析了错误原因，并提供了正确的配置示例。

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

Vue项目 开发是好的，npm run build 打包报错在这里插入图片描述
原因：修改代理时confing/prod.env.js的API_HOST:’"//xxxxxxxxx"'里少加双引号

vue2/3 - 打包出现报错：ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)完美解决!
高级前端工程师
03-01 3675
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打包报错Unexpected token name «t», expected punc «；» 和Unexpected token: punc (,)的问题
前端程序员、项目经理、人工智能博主
10-31 2731
老项目之前打包一直没有问题，且此次项目启动运行依然正常，但打包报了上述错误，因此肯定跟打包配置有关，且与UglifyJs有关，于是百度了一下，找到了如下解决方案，且成功解决了我的问题。
vue 打包 报错ERROR in static/js/app.xxxx.js from UglifyJs解决方案
xuelang532777032的博客
06-30 7834
我的 群153181864 前端交流群，绝对原创，转载请附上 本微博链接。如果对你有帮助 ，打赏下哦~ 1、我碰到的问题是在vue cli2的老项目，dev 正常 bulid就出问题了 爆料一个错误 ERROR in static/js/app.a3de08458024b698a407.js from UglifyJs Unexpected token: name (index) [./~/_debug@4.1.1@debug/src/browser.js:155,0][static/js..
vue项目中chunk-vendors.js提示报错的查看方法
web15870359587的博客
03-06 2万+
经常在vue项目中，会有chunk-vendors.js报出的各种错误提示，但可能有的报错很多人不懂的如何查看，接下来，给大家一个示例： 上图中的报错，很多人可能只会看【Vue warn】中的错误，而忽略【system】中的错误提示，导致在页面中找了无数个“indexOf”也解决不了错误，其实这条错误产生的步骤都已经在【system】中。让我们由下往上看，错误产生的步骤流程依次是settlement–>otherfun–>list_fun–>audio_play,很明显是因为audio_
Webpack报错 ERROR in chunk vendor [entry] bundle.js Conflict: Multiple assets emit to the same filenam...
bangyonggui4360的博客
08-23 2932
这是因为你有2个条目（app.js，index.html）输出到同一个文件appN.js. 尝试在输出的文件名中添加[name]。 转载于:https://www.cnblogs.com/ps0327/p/11230903.html
【已解决】ERROR in static/js/xx.js from UglifyJs Unexpected token: punc (() [./~/xx/xx.js:52620,12]
故里的博客
04-25 2235
ERROR in static/js/xx.js from UglifyJs Unexpected token: punc (() [./~/xx/xx.js:52620,12]
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有...经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
vue项目打包部署后 浏览器自动清除缓存问题（解决方法）
蓝胖子的博客
07-05 6518
vue项目打包部署后 浏览器自动清除缓存问题（解决方法）
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
热门推荐
欢迎访问我的主页：https://www.bookbook.cc
12-03 46万+
Uncaught SyntaxError: Unexpected token '
error in js/[name].[contenthash:8].jsCannot use [chunkhash] or [contenthash] for chunk in ‘js/[n
weixin_38331749的博客
04-04 471
将production改成development。
【vue chunk-vendors 报错 xxx is not defined 遇到的坑】
looloo的填坑日常
04-28 4718
vue chunk-vendors 报错 xxx is not defined 遇到的坑@TOC chunk-vendors 报错 xxx is not defined xdm 好，这里记录一个 vue 项目 此类报错遇到的坑及其解决思路。 背景 本人后端 Java 攻城狮一枚，属于贼菜的那种迫于生活压力也要写前端目前最多的就是vue 的项目， 但是在茫茫学海中知识点如此之多故并没有系统性的学习相关vue 教程数据依葫芦画瓢的模式勉强前行。 大巧不巧 本地运行项目一切顺畅，欣喜若狂终于搞定了开始打包准备
【已解决】ERROR in static/js/xx.js from UglifyJs Unexpected token: name (err) [./~/xx/xx.js:52620,12]
林中明月间丶
02-10 975
我的解决方案 build文件夹中的webpack.base.conf.js中。之后重新执行命令：npm run build。今天在进行vue项目打包时 报错。
vue项目报错chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token ‘＜‘ (at chunk-vendors.js:1:1) app.j
yingshuangtu的博客
05-05 9271
vue项目刷新报错 vue项目报错chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token ‘<’ (at chunk-vendors.js:1:1) app.js:1 Uncaught SyntaxError: Unexpected token ‘<’ (at app.js:1:1) 百度了很久终于找到了解决方法 将vue.config.js中的 publicPath:'./‘修改为 publicPath:’/'就好啦 ...
使用 Hbuilder X 打包h5报错 ([plugin:vite:resolve] Missing “./preload-helper“ export in “vite“ package)解决办法
akkigg的博客
06-01 2083
使用 Hbuilder X 打包h5报错 in "/index.html" can't be bundled without type="module" attribute error during build: [plugin:vite:resolve] Missing "./preload-helper" export in "vite" package Error: Missing "./preload-helper" e
ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion»
Java_user_user的博客
07-05 3310
ERROR in static/js/83.ddf6431954f7a77ff2a5.js from UglifyJs Unexpected token name «currentVersion»
这样代理之后报错: Uncaught SyntaxError: Unexpected token '<' chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token '<' app.js:1 Uncaught SyntaxError: Unexpected token '<'
最新发布
08-19
当OnlyOffice通过Docker部署并使用Nginx作为HTTPS代理时，出现 `Uncaught SyntaxError: Unexpected token '<'` 错误，通常表示浏览器尝试加载JavaScript资源时收到了HTML内容，而非预期的JS代码。这种问题通常与Nginx代理配置或资源路径设置有关。 在Nginx代理配置中，如果请求的资源路径没有正确匹配到实际的JS文件，服务器可能会返回`index.html`文件内容。浏览器在解析该内容时，遇到`<`字符（HTML标签的起始符号），会抛出语法错误。因此，需要确保Nginx能够正确地将资源请求代理到OnlyOffice后端服务[^1]。 ### 检查Nginx代理配置 确保Nginx配置中的 `location` 块正确处理了OnlyOffice的资源路径。例如，若OnlyOffice部署在子路径 `/onlyOffice/` 下，应确保 `proxy_pass` 指向正确的后端地址，并且路径匹配规则不会导致资源请求被错误重定向： ```nginx location /onlyOffice/ { proxy_pass https://localhost:64431/; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; } ``` 上述配置中，`proxy_pass` 后的斜杠 `/` 表示将 `/onlyOffice/` 路径去除后转发请求。若缺少斜杠，可能导致路径不匹配，从而返回 `index.html` 文件内容[^3]。 ### 检查OnlyOffice资源路径配置 OnlyOffice默认使用相对路径加载资源，但如果部署在子路径下（如 `/onlyOffice/`），应确保其内部配置与Nginx的代理路径一致。虽然OnlyOffice本身不提供类似Vue项目的 `publicPath` 配置，但可以通过Nginx重写路径或使用子路径代理来确保资源加载正确。 例如，若前端请求 `/onlyOffice/js/chunk-vendors.js`，而Nginx将请求错误地转发到根路径，可能返回HTML内容。应确保 `proxy_pass` 的地址与容器内OnlyOffice服务的访问路径一致，避免路径丢失或错位。 ### 清除浏览器缓存并检查网络请求 在调试过程中，浏览器缓存可能导致旧的HTML内容被误认为是JS资源。应清除浏览器缓存，并通过开发者工具（F12）查看“Network”面板，确认JS资源请求的响应内容是否为真正的JS代码，而非HTML页面内容。 ### 示例：错误的Nginx配置导致问题 以下是一个可能导致错误的Nginx配置示例： ```nginx location /onlyOffice { proxy_pass https://localhost:64431; } ``` 此配置缺少末尾斜杠 `/`，会导致 `/onlyOffice/js/chunk-vendors.js` 被转发为 `https://localhost:64431//js/chunk-vendors.js`，路径错误，最终返回HTML内容。应改为： ```nginx location /onlyOffice/ { proxy_pass https://localhost:64431/; } ``` ### 结论 解决 `Uncaught SyntaxError: Unexpected token '<'` 的关键在于确保Nginx正确代理OnlyOffice的资源请求，避免HTML内容被误认为JS资源加载。应检查Nginx配置中的路径匹配规则、代理地址以及浏览器的网络请求响应内容，以定位并修复问题[^3]。 ---
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值