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

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

1. 报错提示

Uncaught SyntaxError: Unexpected token '<'

2. 报错截图

在这里插入图片描述

3. 查看报错原因

在这里插入图片描述

4. 分析原因

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

5. 造成问题的原因

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Rattenking
关注
专栏目录
订阅专栏
【React】:Uncaught SyntaxError: Unexpected token ‘＜‘ 这种错误怎么解决？？？
weixin_53126517的博客
03-18 4081
错误示例如上图， 这个错误的前提应该是没有使用React脚手架，React框架由那么为什么会出现如图错误呢，原因是<script>标签内需要添加type="text/babel" 错误示例： <script> class Todolist extends React.Component { constructor(props) { super(props); this.state = { .
react项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
u010234868的专栏
08-02 2481
2. 项目嵌入微服务是否配置路径不对。1. 前端包没有覆盖更新；
?.报错--解决Uncaught SyntaxError: Unexpected token ‘?‘或Uncaught SyntaxError: Invalid or unexpected token
最新发布
Kekekekekekeke11的博客
07-24 785
Babel 是一个流行的 JavaScript 转译器，可以将现代 JavaScript 代码转译为兼容旧版浏览器的代码。如果你使用像 Webpack 这样的构建工具，可以配置它与 Babel 一起使用，以确保你的代码兼容老旧浏览器。在开发中，确保使用适当的工具链来处理兼容性问题，以便在各种浏览器中运行你的代码。如果你不能使用 Babel 或其他工具，你可以手动重写代码，以兼容旧版浏览器。这样的现代 JavaScript 运行时库，它提供了一些对旧浏览器的兼容性支持，但对于语法特性的支持还是要依赖转译器。
Uncaught SyntaxError: Unexpected token :
止于至善
06-16 3527
json格式错误Uncaught SyntaxError: Unexpected token : 该错误是由于返回的结果格式错误导致，我出现这个错误的原因是由与jsonp的跨域请求，但是返回的json而导致的错误。在这里由于jsonp的跨域请求返回的应该是callback(json)；但是接口返回的是json，所以错误。 解决方法： 1、改造后台的接口，让后台将json放在你jsonp发给后...
React Uncaught SyntaxError: Unexpected token ‘＜‘ 报错
刻痕
02-24 2162
线上项目： 本地正常，线上有问题。重新打包，发版，完事。 如果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 155
使用shiro搭建项目过程中，总是出现登录页面 登录第一次有效果，登陆第二次出现302状态码，第三次又有效果，第四次又没有效果的局面。 因此，采用ajax提交页面登录的用户名和密码，但是在引用js的过程中，明明js的地址和引用路径正确，却总是报错如下： Uncaught SyntaxError: Unexpected token &lt; 页面代码反复的看，找不到原因。       解决问题：...
React学习--js文件运行不了--Uncaught SyntaxError SyntaxError: Unexpected token ‘＜‘问题解决
m0_68390607的博客
08-12 2374
当打开js文件按运行，显示的是Uncaught SyntaxError SyntaxError: Unexpected token '
react-virtualized-tree:使用react的虚拟化树视图组件
04-29
React虚拟树 介绍 react-virtualized-tree是建立在之上的树视图react库 其主要目标是以美观，快速的方式显示树状数据。 作为React式库，它使用子函数来实现最大的可扩展性。 其背后的核心思想是，只要使用自己的组件...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
【taro react】---- 编译H5运行后报错：Uncaught ReferenceError: $RefreshSig$ is not defined
止于至善
05-26 1480
1. 报错 2. 解决办法 npx browserslist@latest --update-db 3. 解决报错 yarn dev:h5 正常启动，不再报错！
react-native-bluetooth-state-manager:管理设备的蓝牙状态
05-13
React本地蓝牙状态管理器 该库的唯一目的是管理蓝牙状态。 不多不少。 如果您需要进一步的功能，例如与设备连接和通信，请查看 。 特征 安装 使用 ：（推荐） yarn add react-native-bluetooth-state-manager ...
React报错Uncaught SyntaxError: Unexpected token ‘＜‘
liulang68的博客
11-12 2735
导致无法编译react的语法
React Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_44240581的博客
01-25 1982
问题描述 项目运行，控制台出现错误Uncaught SyntaxError: Unexpected token '<'，但是项目运行正常 解决方法 经过排查，发现是入口的html文件中引入了两个空的js文件 把空的js文件注释或删除就行了 ...
Uncaught SyntaxError: Unexpected token ‘＜‘ vue react
fred8的博客
04-25 1037
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
热门推荐
小牧在一直在学习,在前进的道路上大家一起学习，进步。
06-11 1万+
错误如下图 这个错误是语法错误 监听事件后面少了一个小括号 添加一个小括号,即可................... 当然如果把function 最外面的大括号去掉一个也会报这样的错误, 总结出现这样的错误需要认真的查看下,是否有使用不当的地方 ...
uni-app黑科技：小程序自定义组件跨平台运行
为了解决这一问题，开发者开始探索跨端开发框架，如uni-app和taro，它们允许开发者编写一套代码，即可同时在多个平台上运行。这些框架的目标是通过代码共享来提高开发效率，减少维护成本。 其中，uni-app作为跨端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Rattenking

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

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

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

打赏作者

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

抵扣说明：

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

余额充值