Uncaught SyntaxError: Unexpected token<!DOCTYPE html>

最新推荐文章于 2024-01-26 15:16:18 发布
原创 最新推荐文章于 2024-01-26 15:16:18 发布 · 1.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文记录了一次项目调试经历，在未出现404错误的情况下，页面加载出现问题。最终发现原因是后台请求被302跳转导致，通过调整后台静态资源配置解决了该问题。

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

今天在项目中，调试页面时遇到这个问题，由于未报404的错误，就以为是前端代码语法写错了，找了半天后才发现

其实是后台无法请求到这个资源，被302跳转了，调整后台的静态资源配置后就正常了

Error loading model: SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “... is not valid JSON
suiusoar
07-11 2458
加载模型时遇到了一个语法错误，具体是解析 JSON 时遇到了意外的字符 '
引入 js 文件报错: Uncaught SyntaxError: Unexpected token ＜
虎康的博客
01-29 539
网上都在说是因为 当 js 引用的文件是项目路径下的文件夹时，会报这个错误，经过排查后发现应该是服务器解析路径时按照查找条件找文件时，找不到文件而返回了404页面，这个页面是html，而javascript不允许有非法符号<（html的标签符号)，所以返回了这个错误。在开发中引入 Cesium.js 文件时报错如下。
＜!DOCTYPE html＞报错Uncaught SyntaxError: Unexpected token ‘＜?
m0_62472302的博客
04-26 5413
是.js，那么浏览器就会按js代码来解析语法，当然报错啦！必须把文件扩展名改为htm或者html，比如 index.htm。，文件>>文件夹 >>选择文件在集成终端打开 >>node HelloWord.html。你这是html文档，不是js代码，而你的。
关于js出现的error ：<!DOCTYPE html> Uncaught SyntaxError: Unexpected token
maweiba的博客
05-17 1万+
前端页面调试时候发现 js出现的error ： Uncaught SyntaxError: Unexpected token <检查前端标签 一切OK；跟踪source ，发现 有两个js调用的路径异常，修改对应的js调用路径，问题处理完成当浏览器解析js调用标签得不到正确结果时，会出上述报错参考链接： http://z3sm2012.iteye.com/blog/2153588
''Uncaught SyntaxError: Unexpected token !DOCTYPE html'' 第一行报错
supertree_l的博客
08-14 7571
问题在于渲染在html的结构不规范,出现/r /n等字符  
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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> &...
echarts报错Uncaught SyntaxError: Unexpected token ‘＜‘
逍遥在南方的博客
02-18 6939
问题重现 最近需要研究echarts做图表，打算在html中先引用echarts试试。 于是百度到echarts官网的教程：5 分钟上手 ECharts <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echart
IDEA报错“Uncaught SyntaxError: Unexpected token ‘＜‘“问题记录
2201_75951756的博客
01-26 680
IDEA报错“Uncaught SyntaxError: Unexpected token ‘＜‘“问题记录
报错：Uncaught SyntaxError: Unexpected token <
仗剑东游的猫
10-08 1376
项目中偶尔会出现如下错误 根据控制台的提示，点击进入文件发现<!DOCTYPE html>报错，让人很迷惑，其实这是script文件引入的问题，你可以检查一下你引入的script文件路径，修改即可 ...
< doctype html> 语法错误,javascript - <!DOCTYPE HTML> unexpected token error - Stack Overflow
weixin_36165323的博客
06-15 1333
Im making an AngularJS+AngularFire+Firebase Application.My problem is same decribed in this post (check post)but solution there did not help me.My firebase json is set as follows{"hosting": {"public":...
Uncaught SyntaxError: Unexpected token <
程序员！我当定了！
04-19 16万+
昨天在调试一个项目效果的时候,死活出不来,用chrome调试一下,发现报了一个错误:Uncaught SyntaxError: Unexpected token ,我点了其他页面发现没有报这个错误,经过一番对比验证,找到问题,出问题的页面应用的动态js文件:<script type="text/javascript" src="${_contextPath}/${detailjs}">,其中的
vue app.js ＜!doctype html＞报错 Unexpected token ‘＜‘ 作者:哇塞大嘴好帅
qq_40102411的博客
08-19 3953
vue app.js <!doctype html>报错 Unexpected token ‘<’ 作者:哇塞大嘴好帅 作者:哇塞大嘴好帥(哇塞大嘴好帅) 首先我们看下错误 确保我们所有的标签正常，我们跟踪source。发现有几个路径是异常的，我们只需要修改对应的js调用路径即可。 我的异常在这里 我的asstsPublicPath是**…/…/** 我应改为/ ...
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
热门推荐
欢迎访问我的主页：https://www.bookbook.cc
12-03 46万+
Uncaught SyntaxError: Unexpected token '
从Uncaught SyntaxError: Unexpected token ")" 问题看javascript:void的作用
hongweigg的专栏
09-26 1万+
问题     在前端编程中，突然出现Uncaught SyntaxError: Unexpected token “）”的错误，行号1。这个错误真的很隐晦，开始还以为是其他JS文件的错误，结果发现错误原来就存在当前问件中。错误场景是这样的，使用X作为关闭窗口的按钮，代码如下：     X  点完关闭后，就发生了开头提到的错误。 分析     该HTML段代码是
Uncaught SyntaxError: Invalid or unexpected token
weixin_33716557的博客
09-05 329
Uncaught SyntaxError: Invalid or unexpected token 无效或意外的标记 产生错误的代码：注意dataSource 一行 //中心区域初始化 $('#grid').omGrid({ dataSource : '${ctx}/webapi/carousel/fin...
解决 Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43478936的博客
12-16 1599
react示例
Uncaught SyntaxError: Unexpected token ＜什么原因
最新发布
06-13
### JavaScript中Uncaught SyntaxError: Unexpected token < 的错误原因及解决方法 在JavaScript开发中，`Uncaught SyntaxError: Unexpected token <` 是一个常见的错误提示，通常表示解析器在尝试解析JavaScript代码时遇到了意外的HTML标签或字符。以下是导致此错误的原因及解决方案： #### 1. **路径问题** 如果在HTML文件中通过`<script>`标签引入外部JavaScript文件，而该文件路径配置错误，浏览器可能会加载到非JavaScript文件（如HTML或404页面）。这种情况下，浏览器会将这些内容当作JavaScript代码进行解析，从而引发`Unexpected token <` 错误[^1]。 - **解决方法**：确保所有引用的外部JavaScript文件路径正确，并使用绝对路径或客户端变量（如`BASE_URL`）来避免相对路径带来的问题。 ```html <script type="text/javascript" src="<%= BASE_URL %>config.js"></script> ``` #### 2. **文件类型不匹配** 如果服务器返回的内容类型（Content-Type）与预期不符，例如返回的是HTML而非JavaScript，浏览器也会尝试将其作为JavaScript解析，进而抛出此错误[^3]。 - **解决方法**：检查服务器端配置，确保返回的文件类型正确。对于静态资源文件，应设置正确的MIME类型（如`application/javascript`）。 #### 3. **HTML嵌套脚本问题** 当在HTML文件中直接编写JavaScript代码时，如果代码中包含未转义的HTML标签（如`<`或`>`），浏览器可能会误解为HTML标签，从而引发语法错误[^3]。 - **解决方法**：确保嵌入的JavaScript代码中没有未转义的HTML标签。例如： ```javascript // 正确写法 var html = "<div>Hello World</div>"; // 错误写法 var html = "<div>Hello World"; // 缺少闭合标签 ``` #### 4. **React/Vue等框架中的特殊处理** 在使用React或Vue等现代前端框架时，如果未正确配置构建工具或路径变量（如`publicPath`或`BASE_URL`），也可能导致类似错误。这是因为框架依赖于特定的路径规则来加载静态资源[^2]。 - **解决方法**：在Vue项目中，确保`publicPath`配置正确，或者使用`BASE_URL`变量替代硬编码路径。例如： ```html <script src="<%= BASE_URL %>jquery.min.js"></script> ``` #### 5. **网络请求返回HTML而非JSON** 如果通过`fetch`或`XMLHttpRequest`发起AJAX请求，期望返回JSON数据，但实际返回的是HTML内容（如错误页面），解析时也会触发此错误。 - **解决方法**：在发起请求前，确认API接口返回的数据格式正确。同时，在代码中添加适当的错误处理逻辑。例如： ```javascript fetch('/api/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .catch(error => console.error('There was a problem with the fetch operation:', error)); ``` --- ### 示例代码 以下是一个完整的示例，展示如何正确引入外部JavaScript文件并避免`Unexpected token <`错误： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> <script type="text/javascript" src="<%= BASE_URL %>jquery.min.js"></script> </head> <body> <script type="text/javascript"> console.log('Script loaded successfully!'); </script> </body> </html> ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值