【taro react 错误解决】---- Uncaught SyntaxError: Unexpected token ‘＜‘

已于 2022-08-17 16:06:32 修改
阅读量1.6k 收藏
点赞数
分类专栏： React Taro React 入门到实战系列 文章标签： taro react
于 2021-09-23 10:30:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_38082783/article/details/120429447
版权
本文详细记录了解决Taro React项目中出现的'Uncaught SyntaxError: Unexpected token '<''错误的过程。问题根源在于body标签内app.js的静态资源路径错误，而非代码错误。通过检查config/index.js的publicPath配置发现，将其从'/'改为'./'，以适应H5打包后页面路径的需求。完成配置修改并恢复开发环境的静态资源路径设置后，重新运行项目，错误得以解决。

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

1. 报错提示

Uncaught SyntaxError: Unexpected token '<'

2. 报错截图

在这里插入图片描述

3. 查看报错原因

在这里插入图片描述

4. 分析原因

  1. 这里肯定不可能是错误的，依次向下查找；
  2. head 标签里边的 meta title script 等都是常规，没有多余的 ‘<’，没有报错；
  3. body 标签中 script 的 app.js 的静态资源文件路径错误！
    在这里插入图片描述

5. 造成问题的原因

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Taro React 系列文章 - 总目录
止于至善
08-17 497
欢迎大家来到 Rattenking 的《Taro React 入门到实战系列》，开始前博主先列出 Taro React 入门到实战的大纲，同时包括遇到的一些常见报错。实战篇是实际开发中的组件的封装，部分比较有意思的效果，以及一些特殊实际问题的解决办法！入门篇介绍了从安装，开发中的配置问题，记录解决对应的问题。错误篇是在实际开发中遇到的一些错误的处理方法！问题篇是开发中遇到的一些问题的解决方法！...
ReactJs中的网络请求fetch 使用及封装
热门推荐
Wu_shuxuan的博客
12-07 2万+
fetch在reactjs中等同于 XMLHttpRequest，它提供了许多与XMLHttpRequest相同的功能，但被设计成更具可扩展性和高效性。Fetch 的核心在于对 HTTP 接口的抽象，包括 Request，Response，Headers，Body，以及用于初始化异步请求的 global fetch。得益于 JavaScript 实现的这些抽象好的 HTTP 模块，其他接口能够很方便
react项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
u010234868的专栏
08-02 2966
2. 项目嵌入微服务是否配置路径不对。1. 前端包没有覆盖更新；
React使用serve -s启动服务失败，提示SyntaxError: Unexpected token ‘.‘ 问题解决
lnluozi的博客
05-31 782
在React项目中，使用npm run build命令编译后，尝试通过serve -s build启动服务。
接口正常被调用且返回数据但前端页面渲染失败，控制台报错Uncaught (in promise）
得未曾有 心净踊跃
03-13 781
后端同学在需求评审时说好的用200表示成功，结果上线时他们实际返回的code字段竟然是0！👨💻 后来跟后端兄弟撸串时聊起这事，他说自己当时看错了文档里的状态码定义…这些Promise错误就像调皮的小鬼，在调用栈里上蹿下跳。最气人的是，在我本地环境竟然能复现！这导致调用链里的Promise异常没有被正确捕获，最终导致整个渲染流程崩溃。A：当时涉及多个正在测试中的下游系统，改动成本较高，故采用临时方案过渡。Q：Promise错误为何会导致整个页面崩溃？Q：怎么避免类似问题再次发生？FAQ（来自团队内部提问）
Uncaught SyntaxError: Unexpected token :
止于至善
06-16 3658
json格式错误Uncaught SyntaxError: Unexpected token : 该错误是由于返回的结果格式错误导致，我出现这个错误的原因是由与jsonp的跨域请求，但是返回的json而导致的错误。在这里由于jsonp的跨域请求返回的应该是callback(json)；但是接口返回的是json，所以错误。 解决方法： 1、改造后台的接口，让后台将json放在你jsonp发给后...
React学习--js文件运行不了--Uncaught SyntaxError SyntaxError: Unexpected token ‘＜‘问题解决
m0_68390607的博客
08-12 2484
当打开js文件按运行，显示的是Uncaught SyntaxError SyntaxError: Unexpected token '
React Uncaught SyntaxError: Unexpected token ‘＜‘ 报错
刻痕
02-24 2300
线上项目： 本地正常，线上有问题。重新打包，发版，完事。 如果index.html 有js，则： <script type="text/babel" src="%PUBLIC_URL%/jweixin-1.6.0.js"></script> 尽量配置 - 前端不缓存配置 index.html / head 内添加： <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"
【shiro】使用shiro搭建的项目，页面引用js，报错：Uncaught SyntaxError: Unexpected token <...
weixin_34245169的博客
04-21 185
使用shiro搭建项目过程中，总是出现登录页面 登录第一次有效果，登陆第二次出现302状态码，第三次又有效果，第四次又没有效果的局面。 因此，采用ajax提交页面登录的用户名和密码，但是在引用js的过程中，明明js的地址和引用路径正确，却总是报错如下： Uncaught SyntaxError: Unexpected token &lt; 页面代码反复的看，找不到原因。       解决问题：...
react+taro打包上线 app.8df75192.js:2 Uncaught SyntaxError: Unexpected token '='
最新发布
04-11
### React Taro 打包上线 `Unexpected token '='` 报错解决方案 #### 问题分析 在 React 和 Taro 项目中，打包过程中遇到 `Unexpected token '='` 的报错通常是由以下几个原因之一引起的： 1. **Babel 配置不完整*...
React报错Uncaught SyntaxError: Unexpected token ‘＜‘
liulang68的博客
11-12 2823
导致无法编译react的语法
React Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_44240581的博客
01-25 2027
问题描述 项目运行，控制台出现错误Uncaught SyntaxError: Unexpected token '<'，但是项目运行正常 解决方法 经过排查，发现是入口的html文件中引入了两个空的js文件 把空的js文件注释或删除就行了 ...
Uncaught SyntaxError: Unexpected token ‘＜‘ vue react
fred8的博客
04-25 1089
Uncaught SyntaxError: Unexpected token '<'Uncaught SyntaxError: Unexpected token '<'报错 vue react控制台显示错误解决方法1解决方法2（文件未引入路径） Uncaught SyntaxError: Unexpected token '<'报错 vue react 最近在写vue react 的项目过程中有报Uncaught SyntaxError: Unexpected token ‘&
Uncaught SyntaxError: Unexpected token
xgbnapsua的博客
04-30 507
报错索引: Uncaught SyntaxError: Unexpected token 解决办法：检查是否少了括号
Uncaught SyntaxError: Unexpected token ‘)‘
不知名的bird的博客
09-29 871
Uncaught SyntaxError: Unexpected token ')' (at chunk-ec1b4432.18930ba.js:3:1421)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Rattenking

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

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

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

打赏作者

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

抵扣说明：

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

余额充值