Uncaught SyntaxError: Unexpected token ‘<‘

本文描述了一名开发者遇到的线上项目问题,页面加载时出现JavaScript错误。经过排查,发现问题出在服务器返回的app.11474804.js文件实际上是HTML,可能是由于文件被误删或Nginx配置导致。后续发现,浏览器缓存可能是引发类似问题的一个因素,清理缓存后问题得到解决。
摘要由CSDN通过智能技术生成

一、问题描述

今天有个小伙伴反馈,在线上遇到一个很奇怪的问题,项目发布后,页面像是访问得到,但死活在转圈圈:

控制台看到了一个奇怪的错误:

Uncaught SyntaxError: Unexpected token '<' 

在这里插入图片描述

二、问题排查

一般看到那样的错误,首先想到的是在请求js文件时,服务器返回的内容并不是js。果然,在Network面板上,找到了这个错误的请求:

在这里插入图片描述
在这里插入图片描述
可以看到,它请求的app.11474804.js,服务器返回的却是html内容(实际就是index.html)。同时发现,在同一路径目录/js下的其它js文件能够正常返回内容,那么有可能是以下原因:

(1)该文件app.11474804.js并不存在

(2)Ngnix配置有问题(特别是有可能针对js/app类似的路径做了特殊的配置)

最终经过排查确定,是app.11474804.js可能被误报为病毒被删除了,导致文件不存在。

三、后续补充

今天早上就在登记这个问题不久,刚好又有个小伙伴反馈了这个问题:
在这里插入图片描述
小伙伴的浏览器用的是Chrome 120.0.6099.200,而我的Chrome刚好也是这个版本,实际测试页面并未复现,但截图中的js直接范围的确是404,那么有一种可能就是这个小伙伴的Chrome有缓存导致的,最后小伙伴清理了缓存后就正常了。

Uncaught SyntaxError: Unexpected token <是一个常见的JavaScript错误。它通常表示在JavaScript代码中遇到了意外的尖括号"<"。这个错误通常是由于编码错误或语法错误导致的。 根据引用和引用的内容,当在Vue项目中引入第三方依赖的JS文件时,可能会出现这个错误。这个错误通常是由于引入的JS文件中包含了意外的尖括号或其他非法字符导致的。 根据引用的内容,当在Vue项目中引入静态资源并在本地运行时,可能不会出现这个错误。但是当将项目打包并发布到正式环境时,可能会遇到这个错误。这可能是因为在打包过程中,JS文件被压缩或修改了路径,导致浏览器无法正确解析文件并报错。 要解决这个错误,你可以尝试以下几个方法: 1. 检查代码中是否存在拼写错误或语法错误,并确保正确关闭所有标签。 2. 检查引入的第三方依赖的JS文件,确保文件没有被损坏或包含非法字符。 3. 如果是在打包过程中出现的错误,可以尝试使用开发者工具查看打包后的代码,看是否有任何异常。 4. 尝试使用不同的引入方式,例如使用CDN链接来引入第三方库,或者尝试使用相对路径引入JS文件。 希望这些方法能帮助你解决Uncaught SyntaxError: Unexpected token <错误。如果问题仍然存在,请提供更多的信息和代码,以便更好地帮助你解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [解决 Uncaught SyntaxError: Unexpected token‘ 解决方法](https://blog.csdn.net/HeXinT/article/details/125082562)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Vue项目报错:Uncaught SyntaxError: Unexpected token <](https://download.csdn.net/download/weixin_38593823/12949934)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晓风伴月

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值