react在index.html中引入js库，错误提示第一行 Uncaught SyntaxError: Unexpected token <

最新推荐文章于 2025-05-20 22:51:20 发布
原创 最新推荐文章于 2025-05-20 22:51:20 发布 · 9.9k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决了一个在ReactJS项目中常见的问题，当在index.html文件中引入JS库时遇到的第一行错误。解决方法是在script标签中添加type=text/babel属性。

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

Reactjs 在index.html 中引入 JS 库，提示错误在第一行。

在这里插入图片描述

解决办法：

在script标签上面，增加 type="text/babel"

【taro react 错误解决】---- Uncaught SyntaxError: Unexpected token ‘＜‘
止于至善
09-23 1697
1. 报错提示 Uncaught SyntaxError: Unexpected token '<' 2. 报错截图 3. 查看报错原因 4. 分析原因 这里肯定不可能是错误的，依次向下查找； head 标签里边的 meta title script 等都是常规，没有多余的 ‘<’，没有报错； body 标签中 script 的 app.js 的静态资源文件路径错误！ 5. 造成问题的原因 app.js 是脚手架自动引入，也就是说不是代码的问题，而是配置问题； 查看 conf
react18报错
钱辉
10-18 861
react18报错
Uncaught SyntaxError: Unexpected token ‘＜‘
金戈铁马
08-12 404
犯了了一个低级错误，浪费了半小时以上。 现象： 直接以文件方式打开index.html的时候，网页正常显示，console没有报错。 以 http://127.0.0.1/ 方式运行后，网页无法加载，报错如上截图。 原因： 项目里有一个filter会对访问进行判断，有一些API需要登录后才能权限访问。新增一些目录时，需要在filter里增加一些白名单。这次加了js文件后，忘记添加白名单了。 这个问题不能够直接看出来是这个原因导致的。 所以如果有遇到相似的问题，请直接在浏览器试一下，是否..
React19 react-router，报错：Uncaught SyntaxError: Unexpected token ‘＜‘，React19的文件后缀一定得是.jsx了吗？
Ben636的博客
05-20 205
起因：在看B站黑马的react18的项目视频，在对项目进行配置的时候发现报错了，但是每一步我都是跟着B站上黑马老师的步骤来的，甚至去翻看了配套资料的code，根本没有差别，唯一的差别也就是React和其他组件的版本不一样。之所以这么做，我怀疑是我的Layout组件出问题了，发现这样做项目正常运行，这是我已经猜到是router下的index.js出了问题，但就是没有怀疑到是这个后缀.jsx的问题。至于其他Ai的回答则是vite.config.js文件的配置问题，我也又一一尝试，
Uncaught SyntaxError: Unexpected token ‘＜’
qq_42749720的博客
10-12 3153
『vue踩坑日常』 在index.html中引入静态文件不生效 Vue日常踩坑日常 —— 在index.html中引入静态文件不生效问题 出现该问题的标志如下 控制台Uncaught SyntaxError: Unexpected token ‘<’ 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的
js错误：Uncaught SyntaxError : Unexpected token <
热门推荐
jjkang的博客
07-23 1万+
刚开始以为这个错误是语法错误或者某个标点符号的错误，找了半天也没找到。最后看到是因为引入css的路径写错了。改正之后，页面显示正常。
react中引入第三方js，报错undefined
Cynthia_Wiki的博客
07-31 2150
1.react 中，在index.html中直接引入第三方js <script src="https://XXX.js"></script> 2.在组件中使用 window.xxxjsFun() 就是直接在要调用的方法前添加window即可正常使用了
Uncaught SyntaxError: Unexpected token '<' (at jquery.min.js:1:1) layer.js:1 Uncaught SyntaxError: Unexpected token '<' (at layer.js:1:1) H-ui.min.js:1 Uncaught SyntaxError: Unexpected token '<' (at H-ui.min.js:1:1) H-ui.admin.js:1 Uncaught SyntaxError: Unexpected token '<' (at H-ui.admin.js:1:1) jquery.ztree.all-3.5.min.js:1 Uncaught SyntaxError: Unexpected token '<' (at jquery.ztree.all-3.5.min.js:1:1) WdatePicker.js:1 Uncaught SyntaxError: Unexpected token '<' (at WdatePicker.js:1:1) jquery.dataTables.min.js:1 Uncaught SyntaxError: Unexpected token '<' (at jquery.dataTables.min.js:1:1) laypage.js:1 Uncaught SyntaxError: Unexpected token '<' (at laypage.js:1:1)
05-18
`Uncaught SyntaxError: Unexpected token '<'` 是一种常见的 JavaScript 加载错误，表明浏览器尝试解析 JavaScript 文件时遇到了意外的 `<` 字符。这通常是由于以下原因之一引起的： 1. **文件路径错误**：...
Uncaught SyntaxError: Unexpected token ＜什么原因
最新发布
06-13
在JavaScript开发中，`Uncaught SyntaxError: Unexpected token <` 是一个常见的错误提示，通常表示解析器在尝试解析JavaScript代码时遇到了意外的HTML标签或字符。以下是导致此错误的原因及解决方案： #### 1. **...
ts Uncaught SyntaxError: Unexpected token ＜
02-27
当在 HTML 页面中直接引入 TypeScript 文件时，可能会遇到 `Uncaught SyntaxError: Unexpected token <` 这样的错误。这是因为浏览器无法直接解析 `.ts` 文件中的 TypeScript 语法。 为了使项目能够正确运行并避免...
react项目打包部署后 页面加载错误，报错"Uncaught SyntaxError:Unexpected token <"
06-05
这通常发生在以下情况：1.**资源路径错误**：在HTML中引入的JS文件路径不正确，导致服务器返回了一个HTML文件（通常是默认的index.html或者404页面）。2.**路由问题**：在单页面应用（SPA）中，如果使用history模式...
html引入react组件JS无效问题解决
Alina_shu的博客
12-28 5562
首先引入库文件 &lt;script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"&gt;&lt;/script&gt; &lt;script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"&gt;&lt;/script&gt; &lt;scr
Uncaught SyntaxError: Unexpected token <反思
weixin_34247155的博客
04-04 375
起源 今天qa小妹妹拿着电脑来问我，说自己的后端测试页面控制台上报错了Uncaught SyntaxError: Unexpected token <这个错误，一脸卖萌的让我解决一下。作为一名光荣的玩js代码的小菜鸟，这个时候不展现自己的有点，还等什么时候？ 刷刷刷的定位，发现是抛出的异常在jquery.toggle.buttons.html文件中，而且错误在 <!DOCTYPE ht...
react 引用本地js_用<script>引用react.js报错
weixin_34542865的博客
02-11 1389
如图所示 我是直接在页面中引的react.js以及babel.js 提示报错 上网查了一下好像是用es5还是es6的问题 有没有大神遇到这种情况指点一下 组件完整代码如下class UserLeft extends React.Component {constructor(props) {super(props)this.state={rangePickerValue: getTimeDistan...
Uncaught SyntaxError: Unexpected token <
Haines
03-10 3897
今天做一个 VUE 的项目，在引入 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token &lt; 按照提示进入文件，再看如下图： 提示：&lt;!DOCTYPE html&gt; 出错，是跟我开玩笑是吧！ 但根据以往的印象，这个好像是引入 JS 的问题，确认 JS 文件没出错后，再仔细看了看 index.html...
react 引用本地js_从零配置webpack 4+react脚手架（二）
weixin_39928993的博客
12-19 488
前言：你可能也注意到了，html文件中的关于js的引用是我们手动写的，那假如我们改了输出路径或打包编译之后的文件名，那我们岂不是还要手动去修改html文件中的引用？我们怎么做到，像create-react-app中那样一旦你修改了某个文件内容，页面会自己刷新？我们来一步一步实现它们，当然，这一小节不仅仅只是为了完成这两点。上一节：从零配置webpack 4+react脚手架（一）自动编译html并...
taro 引入js_Taro 兼容 h5 踩坑指南
weixin_39867296的博客
12-22 1735
最近一周在改造 公羊阅读???? Taro 版本适配 h5 端，过程中改改补补，好不酸爽。本文记录????遇到的问题，希望为有相同需求的哥们????节约点时间。Taro 版本：1.3.9。client_mobile_taro github地址解决跨域问题h5 发请求会报跨域问题，需要使用代理转换请求。编辑根目录下的 config/index.js 文件h5: {devServer: {host: 'localhos...
vue中引入静态第三方js文件，解决Uncaught SyntaxError: Unexpected token ‘＜‘
一条咸鱼的blog
10-21 5920
今天在vue项目里集成静态js文件，知道大体思路是将js文件放到项目里的某个位置，然后在index.html中用script标签引入js文件，因为index.html是整个vue项目的一个访问入口，所以在这里引入的js可以全局使用。但是在集成的过程中依然遇到了一些问题。 先说下在vue-cli3.0以上版本中集成的正确方式： 1.将js文件放入public文件夹下 2.在index.html中引入js文件 这样就可以直接在vue中使用静态js了。 尝试过程与遇到的问题： js文件放在src/assets
React基本使用---JSX
grow_的博客
09-26 593
jsx
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值