Uncaught SyntaxError: Unexpected token ‘＜‘ vue react

最新推荐文章于 2024-03-21 13:12:43 发布
最新推荐文章于 2024-03-21 13:12:43 发布
阅读量997 收藏 1
点赞数
分类专栏： vue 文章标签： vue react javascript reactjs vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fred8/article/details/116116148
版权

Uncaught SyntaxError: Unexpected token '<'

Uncaught SyntaxError: Unexpected token '<'报错 vue react

最近在写vue react 的项目过程中有报Uncaught SyntaxError: Unexpected token ‘<’ 错误。而且两次的报同意的错，解决问题点不同。
和大家分享一下

控制台显示错误

在这里插入图片描述
Uncaught SyntaxError: Unexpected token ‘<’

解决方法1

这个其实就是js错误，一般是由于文件的引入路径错误引起，仔细检查一下自己文件的引入路径。
或换一种方式引入…/…/…/pages/home 换成@/pages/home
重启项目解决

解决方法2（文件未引入路径）

一般百度都是推荐方法1 就可以直接解决问题。
不过我在vue项目中并没有路径引入路径也报同样的错误！！！
经过多次尝试，发现我们我的页面路由 定义是由api开头的，
而api开通的路由 ，有关键词限制。所以，把页面路由的开头的关键字总修改就可以了。
如 apimiddlenumber/middlenumberview 改成middlenumber/middlenumberview
简单的我都一开始我都没有想到。

知知洋洋
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法,涉及针对字符串参数的处理方法,需要的朋友可以参考下
react项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
u010234868的专栏
08-02 2052
2. 项目嵌入微服务是否配置路径不对。1. 前端包没有覆盖更新；
使用Hbuilder打包h5网页的详细流程以及解决Uncaught SyntaxError: Unexpected token ‘＜‘问题
最新发布
DK848的博客
03-21 845
http://XXXXXXX.com这种情况下就不用去在history下面去填写任何东西，如果后面跟着其他路径的话就需要在。需要注意提前配置manifest.json文件，一般情况下只需要选择history模式就可以了。类似的这种问题，那就是访问的权限没给够，需要在面板或者服务器上进行其他的配置。如果需要特殊配置的话就将其余字符串按照示例给到运行的基础文件就可以了。，其实并不是而是打包的配置上出现了问题，例如线上的端口是。点击完发行之后等待一会就通知你的打包成功的包在哪里了。直接找到这个包去部署就可以了。
Uncaught SyntaxError: Unexpected token <
DreamFJ的博客
06-28 1327
转自：https://www.jianshu.com/p/6c3c33c43509
React报错Uncaught SyntaxError: Unexpected token ‘＜‘
liulang68的博客
11-12 2660
导致无法编译react的语法
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
Vue 项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘
热门推荐
Noals的博客
05-30 1万+
问题：最近做vue项目时，当我访问二级路由的时候，就会报Uncaught SyntaxError: Unexpected token ‘＜‘错误，而我访问一级路由不会报错。翻了网上很多资料，都无法解决。 一、public下的index.html没有引入其他外部js文件。 解决方法：清除浏览器缓存。 二、public下的index.html引入其他外部js文件。 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1...
React Uncaught SyntaxError: Unexpected token ‘＜‘ 报错
刻痕
02-24 2068
线上项目： 本地正常，线上有问题。重新打包，发版，完事。 如果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"
react Uncaught SyntaxError: Unexpected token ‘＜‘报错
PrimaryColor
04-15 2812
需要在script标签上面，增加type="text/babel"： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </h.
React学习--js文件运行不了--Uncaught SyntaxError SyntaxError: Unexpected token ‘＜‘问题解决
m0_68390607的博客
08-12 2284
当打开js文件按运行，显示的是Uncaught SyntaxError SyntaxError: Unexpected token '
【React】:Uncaught SyntaxError: Unexpected token ‘＜‘ 这种错误怎么解决？？？
weixin_53126517的博客
03-18 3917
错误示例如上图， 这个错误的前提应该是没有使用React脚手架，React框架由那么为什么会出现如图错误呢，原因是<script>标签内需要添加type="text/babel" 错误示例： <script> class Todolist extends React.Component { constructor(props) { super(props); this.state = { .
React Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_44240581的博客
01-25 1934
问题描述 项目运行，控制台出现错误Uncaught SyntaxError: Unexpected token '<'，但是项目运行正常 解决方法 经过排查，发现是入口的html文件中引入了两个空的js文件 把空的js文件注释或删除就行了 ...
报错问题：Uncaught SyntaxError: Unexpected token ‘＜‘
古之成大事者，不惟有超世之才，亦必有坚韧不拔之志
12-10 804
(2）可能是modules缺少相关依赖 先全部删除依赖，再重新npm install安装依赖。c、最有可能的是不知道什么时候碰到了键盘， 在template中间敲了个字母，a、比如一个template下面只能有一个子元素，你可能写了两个；b、也有可能自己在 import 的时候，多引入了空的东西；一个个文件找或者全局搜索效率不够，可以通过代码管理git/svn,查看当前修改的文件。还可以借助eslint代码检测工具。导致编译无法通过，还不知道在哪儿。
react Uncaught SyntaxError: Unexpected token '<'
08-24
当你在React中遇到"Uncaught SyntaxError: Unexpected token '<'"的错误时，这通常表示你的代码中存在语法错误。这个错误一般是由于JSX代码没有正确编译或解析导致的。 在你提供的例子中，这个错误可能是由于HTML实体字符"<"没有被正确解析而导致的。在JSX中，我们需要使用大括号{}来包裹JavaScript表达式，但是你的代码中使用了尖括号来包裹this.props.name。为了解决这个问题，你可以将尖括号替换为大括号，如下所示： class HelloMessage extends React.Component { render() { return ( Hello {this.props.name} ); } } 此外，你还提到可能存在一个额外的"."字符，这可能是由于你在package.json文件中添加了一个错误的"homepage"属性造成的。你可以检查一下package.json文件，确保"homepage"属性的值是一个有效的URL路径，而不是一个单独的点号。 总结起来，当你遇到"Uncaught SyntaxError: Unexpected token '<'"的错误时，你可以首先检查你的JSX代码是否正确编译或解析。确保你正确使用了大括号{}来包裹JavaScript表达式，并且检查是否有任何额外的字符或错误的值导致此错误出现。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [react 刷新Uncaught SyntaxError: Unexpected token ‘＜](https://blog.csdn.net/qq_40190624/article/details/116275839)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Module parse failed: Unexpected token](https://download.csdn.net/download/weixin_38535221/14886682)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决：react项目部署到服务器，刷新报“Uncaught SyntaxError: Unexpected token ＜“ 错误](https://blog.csdn.net/qq_41355222/article/details/120860941)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

知知洋洋

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

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

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

打赏作者

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

抵扣说明：

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

余额充值