Vue history模式下报错 Uncaught SyntaxError: Unexpected token ＜

最新推荐文章于 2025-04-11 10:05:16 发布
原创 最新推荐文章于 2025-04-11 10:05:16 发布 · 413 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍了在Vue CLI 3.0环境下，history模式下vue.config.js文件中publicPath配置项不能设置为相对路径的原因及正确配置方法。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
精选资源
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
vue 路由跳转history模式报Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_51125242的博客
04-29 1629
这个坑超级坑，独立搭过项目的兄弟应该会遇到,控制台报这个错 是不是摸不着头脑？ ● publicPath ●Type: string ●Default: ‘/’ 部署应用包时的基本URL。用法和webpack本身的output . publicPath-致, 但是VueCL在一其 他地方也需要用到这个值，所以请始终使用publicPath 而不要直接修改webpack的output . publicPath。 默认情况下，Vue CLI会假设你的应用是被部署在一个域名的根路径上
vue去除url# 开启history模式 部署报错解决Uncaught SyntaxError: Unexpected token ‘＜‘
u013675978的博客
11-24 1413
vue前端项目地址都会带有# 去除#方法很简单：项目 /src/router/index.js 下添加 mode: 'history' 开启后开发环境没有任何问题 但是build打包部署到服务器报错Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改/config/index.js下build中的属性 assetsPublicPath: '/' （index文件中可能有两个改属性 如果是部署报错就改build中的 开发报错改dev中的...
vue history模式下 Uncaught SyntaxError: Unexpected token ‘＜‘报错
qq_35875316的博客
11-10 2293
vue项目，在public文件夹下加了一个配置文件js文件,需要在index.html里引入 ，然后就报了下面的错： 排除引用文件写法没问题等原因，猜测是路由从hash模式改变为history模式引发的。 因为项目需求，不想看到URL上有 #/ 。所以路由模式改为history模式。 vue.config.js中的publicPath变为 ‘/’ 。 发到测试环境当路由为/home这种单个路由名字的时候没问题，但是跳转到 /notice/noticeDetail时。刷新页面会出现上述报错。经过排查。当
vue router 切换history模式 报错: Uncaught SyntaxError: Unexpected token ‘＜‘
qq_33918022的博客
03-30 710
history。
vue history模式打包后Uncaught SyntaxError: Unexpected token <
weixin_44610025的博客
03-30 1721
vue history模式打包上传后报错Uncaught SyntaxError: Unexpected token < vue项目history模式下去掉url中的“#”，本地没有问题，打包上传后，发现在url中拼接id的页面刷新页面白屏，并报错Uncaught SyntaxError: Unexpected token <。关掉history模式后，不再报错，但是问题还是没有解决。...
精选资源
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-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
vue项目，Loading chunk xxx failed 问题，以及Uncaught SyntaxError: Unexpected token <
一路从容
07-16 2782
vue-cli.30中 module.exports = { // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。 // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/， // 则设置 pu...
vue3 history路由模式刷新页面报错问题解决
最新发布
你要明白，任何问题都不是孤立存在的，一定有人曾经遇到过，并且已经有更好的解决办法了，只是我还不知道。我不应该在黑暗中独自前行，去重新发明轮子，也许我的顿悟，只是别人的基本功！我应该要站在巨人的肩膀上，学习更成熟的经验和方法，然后再来解决这个问题
04-11 534
history路由刷新404
vue 修改hostory模式后 线上刷新页面 报 Uncaught SyntaxError: Unexpected token ‘＜‘的问题
Daydream的博客
03-24 995
问题描述：修改hostory模式后刷新页面，页面空白，或者样式未加载 原因： 细看黄色一栏，css相应的文件类型不对，在看css访问路径层级不对，应退一级 最开始打开首页，然后一步步点击下来，页面间的跳转其实不是通过请求服务器的，而是通过js操作history的API改变地址完成的。但当你刷新了之后浏览器就耿直的去请求服务器了，然而服务器没有这个路由，于是就报错了。 解决办法 修改build/webpack.prod.conf.js文件的output中新增publicPath:'/'，然后重新
vue history模式 二级路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘
ysj_121的博客
10-19 970
vue history模式 二级路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘
Vue Uncaught SyntaxError: Unexpected token ‘＜‘ 路由问题
andyLyysh的博客
10-17 4320
Vue Uncaught SyntaxError: Unexpected token '
Vue项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43727560的博客
03-01 1万+
vue项目使用history模式访问route，发布线上时直接复制路径访问页面，页面空白，报错Uncaught SyntaxError: Unexpected token '<'。如何更改配置解决问题，包括static路径错误、nginx配置增加
VUE报错：Uncaught SyntaxError: Unexpected token ‘＜‘
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
02-14 3744
报错起因 将Vue 路由 设为 history 模式后打包, 首页访问没有任何问题，跳转到子路由 /apollo/search/ 也没有问题，但刷新子路由 /apollo/search/ 就会报错：Uncaught SyntaxError: Unexpected token '<' 查询过程 刚开始以为是 js 打包发布过程中导致的 js 缺失，重新打包发布仍然出现问题，排除此因。 查询后端 nginx 设置是否有问题，询问后端没有问题，排除后端原因 最后查看报错 js 的路径，恍然大悟，正确的路径
【前端疑难杂症】Vue 项目报错Uncaught SyntaxError: Unexpected token ＜
热门推荐
FortheOne的博客
02-28 1万+
Uncaught SyntaxError: Unexpected token <
vue cli 打包相对路径遇到的坑
qq_39047764的博客
03-19 1111
<script src="/js/index.67b1c383.js"></script> 这个是vue打包之后的绝对路径，但是想要的是：<script src="./js/index.67b1c383.js"></script>这种相对路径 网上说的，大部分解决方案是修改publicPath: './', ，但是实际测试之后，还是有很大的问题 第一种打包设置：publicPath: './', 结果：<script src="js/chunk-..
vue index.html报错 Uncaught SyntaxError: Unexpected token <
09-01
在Vue项目中，当在引入第三方依赖的JS文件时，可能会遇到报错信息"Uncaught SyntaxError: Unexpected token <"。这个错误通常是由于引入的JS文件路径错误导致的。在控制台中会提示这个错误，并且指出具体的文件和位置。 根据引用中的描述，可能是因为在index.html文件中引入的JS文件路径不正确。原本的JS文件应该放在/src/utils文件夹下，但是引入的路径却是/src和/static。这种情况下，浏览器会认为引入的是一个HTML文件而不是JS文件，从而导致了"Uncaught SyntaxError: Unexpected token <"的错误。 解决这个问题的方法是确保引入的JS文件的路径是正确的。可以检查index.html文件，确保引入的路径与实际文件所在的路径相匹配。将路径修改为/src/utils文件夹下的JS文件路径即可避免这个错误的发生。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue项目报错：Uncaught SyntaxError: Unexpected token <](https://download.youkuaiyun.com/download/weixin_38593823/12949934)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue项目报错：Uncaught SyntaxError: Unexpected token](https://download.youkuaiyun.com/download/weixin_38697328/14820887)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [浏览器显示数据库中数据的条形图柱状图 前后端分离vue.js+spring boot 计算机软件工程课程设计毕业设计 ...](https://download.youkuaiyun.com/download/Amzmks/88275824)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值