vue3.0+ts路由跳转Uncaught SyntaxError: Unexpected token ‘＜‘ 的bug解决方法

已于 2023-09-25 10:03:58 修改
阅读量2.6k 收藏 1
点赞数 4
分类专栏： vue 文章标签： vue
于 2021-01-17 17:54:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ifyouwjk/article/details/112754972
版权

在做vue+ts项目时 定义了一个三级路由
在这里插入图片描述
然后在页面中使用的是router-link跳转的
在这里插入图片描述
当我信心满满运行项目 点击的路由的时候 第一个完美没有问题 当我点击第二个 居然报了个错？？？
在这里插入图片描述
一直以为是我文件引入错误了 但是看了又看没什么问题
后来才知道原来是vue3中的 publicPath 的问题 (vue.config.js)文件中
这个是
只要把它修改成
在这里插入图片描述
最后重启项目 然后问题就解决了

希望对你们有帮助 我也不是很理解 但是bug解决了 哈哈哈

钮钴禄泡泡
关注
专栏目录
vue+history+iis+webpack 白屏并且提示 Uncaught SyntaxError: Unexpected token
changyandou2020的博客
08-27 234
开发环境下不论是使用hash模式，还是history模式，都可以正常使用。但是当产品编译后发布到测试环境、生产环境的时候，就会出现页面空白，或者指向了iis的默认页面。
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
vue3 Uncaught SyntaxError: Unexpected token . 部分老版本浏览器报错
qq_39196447的博客
09-20 1374
重新运行项目即可解决。
vue引用tinymce时，报错UncaughtSyntaxError:Unexpected token
最新发布
weixin_45016440的博客
08-20 601
这是由于tinymce没有正确解析所致，在安装tinymce后，将node_modules目录下的tinymce内容复制到static文件夹下，然后在引用tinymce地方根据报错位置引用配置项文件，如果是plugins.js报错，将tinymce.init中plugins对应的文件引用上。如果引用文件配置完成后，没有报错，但是不显示内容，查看一下是不是样式没有正确引用进来，如果是，在js中引用对应的样式文件。
Vue3 Uncaught SyntaxError: Unexpected token ＜‘ 错误参考解决方法
shi15926lei的博客
05-23 1394
1.检查引用的 JavaScript 文件是否正确：确认所有引用的外部 JavaScript 文件路径是否正确，可以在静态资源的路径前加上<%= BASE_URL %>，例如<script type="text/javascript" src="<%= BASE_URL %>jquery.min.js"></script>。2.检查 JavaScript 文件的内容：打开引用的 JavaScript 文件，确保文件内容是有效的 JavaScript 代码，没有错误或意外的 < 字符。
Vue3 router 刷新路由报错 Uncaught SyntaxError Unexpected token
技术前端，忠于热爱 @回忆哆啦没有A梦
12-31 2483
Vue router history模式下 路由刷新白屏，控制台报错：Uncaught SyntaxError Unexpected token
VUE3刷新页面页面空白报：Uncaught SyntaxError: Unexpected token ‘＜‘
前端之行，任重道远！
08-16 1295
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： publicPath:"./", ...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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文
vue3项目中Uncaught SyntaxError: Unexpected token ‘＜‘ 错误参考解决方法
weixin_59587584的博客
10-28 4074
‘Uncaught SyntaxError: Unexpected token '
关于vue3.0 多入口 打包后 提示 Uncaught SyntaxError: Unexpected token ＜
不二喵老师
05-06 1743
仅代表我遇到的情况 vue项目 报Uncaught SyntaxError: Unexpected token < 错误，一般是本来script src里应该是.js脚本资源，但是服务器却返回了.html 资源，出现这种情况很可能是新项目构建完后，用户还是访问老的缓存页面，老的缓存页面里的script src 引用的资源是服务器返回的404 html文件页面或者是被运维设置( try_files $uri $uri/ /index.html;)成跳转首页的html 文件(因为老的缓存页面里的scr
vue-cli3中报错：Uncaught SyntaxError: Unexpected token ＜
lijiabin102的博客
11-13 1110
解决方法： 1： publicPath 不要写成相对路径’./’ 要写成绝对路径 ‘/’ 2：修改重叠的路由名称 这种问题普遍发生在路由中有重叠名称的路由的情况 比如一个页面的路由是/admin，另两页面个是他的子页面路由叫/admin/news，和/admin/action， 这样的话，如果设置publicPath是’./’，那两个就不能正常跳转，就会出错 而且无论是开发模式还是发布模式，都会出错。 如果没有重叠名称的路由，比如另两个叫/news和/action，那么设成./也不会有问题。 ...
vue3.0+TS 报错： SyntaxError: Unexpected token .
qq_19529009的博客
01-10 788
提示：SyntaxError: Unexpected token .
Vue Uncaught SyntaxError: Unexpected token ‘＜‘ 路由问题
andyLyysh的博客
10-17 4104
Vue Uncaught SyntaxError: Unexpected token '
Vue第 23 篇，Vue项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘ (at TrackAnimation.min.js:1:1)
weixin_65793170的博客
12-29 5069
⭐Vue项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘ (at TrackAnimation.min.js:1:1)
Vue3.0项目报错: history模式下 Uncaught SyntaxError: Unexpected token <
Wcharles666的博客
03-11 3968
history模式下 vue.config.js中publicPath不要设置为相对路径 正确如下
TypeScript 报错 for (let i = startIndex ?? 0； i ＜ array.length； i++) SyntaxError: Unexpected token ‘?‘
Skybububu的博客
10-02 2208
for (let i = startIndex ?? 0; i < array.length; i++) { ^ SyntaxError: Unexpected token '?'
VUE项目打包后刷新404，Uncaught SyntaxError: Unexpected token ＜
weixin_44530086的博客
06-08 421
登录页正常访问，点击菜单正常访问，一刷新页面就空白或者不好使 同时控制台报错Uncaught SyntaxError: Unexpected token < 这是因为，刷新页面要去重新请求js文件，但是请求时路径已经改变，请求回来都是index.html的内容 解决方法 在VUE config->index.js bulid中 将assetsPublicPath 配置为你静态资源所在的绝对路径，怎么刷新这个路径都不会变了 build: { // Template for index.h
vue index.html报错 Uncaught SyntaxError: Unexpected token <
09-01
在Vue项目中，当在引入第三方依赖的JS文件时，可能会遇到报错信息"Uncaught SyntaxError: Unexpected token <"。这个错误通常是由于引入的JS文件路径错误导致的。在控制台中会提示这个错误，并且指出具体的文件和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值