vue3项目中Uncaught SyntaxError: Unexpected token ‘＜‘ 错误参考解决方法

祝星439

已于 2023-10-28 11:25:21 修改

阅读量4.6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript vue.js 开发语言 vscode vue

于 2023-10-28 11:24:04 首次发布

本文链接：https://blog.csdn.net/weixin_59587584/article/details/134088881

前端专栏收录该内容

2 篇文章

订阅专栏

文章讲述了在Vue3.0中引入第三方插件并封装成组件时遇到UncaughtSyntaxError的问题，给出了解决方法：检查import路径、配置Vue.Config的publicPath为/，以及清除浏览器和npm缓存。

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

vue3.0 引入第三方插件后，封装好在父页面当组件使用，报错‘Uncaught SyntaxError: Unexpected token '<'；

解决：

1.检查 import 导入路径，按提示文件一个一个回车。

2.Vue.Config的publicPath：不要加. 设置为：'/'。

3.清除浏览器缓存or清除npm缓存：npm cache clean --force。

个人成功解决经历，仅供参考，谢谢。😀

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

祝星439

关注关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue第 23 篇，Vue项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘ (at TrackAnimation.min.js:1:1)

NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.csdn.net）

12-29

7963

⭐Vue项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘ (at TrackAnimation.min.js:1:1)

Vue项目报错：Uncaught SyntaxError: Unexpected token <

10-17

主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1 条评论您还未登录，请先登录后发表或查看评论

Vue3 Uncaught SyntaxError: Unexpected token ＜‘ 错误参考解决方法

shi15926lei的博客

05-23

2151

1.检查引用的 JavaScript 文件是否正确：确认所有引用的外部 JavaScript 文件路径是否正确，可以在静态资源的路径前加上<%= BASE_URL %>，例如<script type="text/javascript" src="<%= BASE_URL %>jquery.min.js"></script>。2.检查 JavaScript 文件的内容：打开引用的 JavaScript 文件，确保文件内容是有效的 JavaScript 代码，没有错误或意外的 < 字符。

jsx报错：jsx报错Parsing error: Unexpected token ＜eslint；ts报错：Parsing error: Unexpected token {eslint

最新发布

i_am_a_div的博客

04-29

450

jsx报错：jsx报错Parsing error: Unexpected token <eslint；ts报错：Parsing error: Unexpected token {eslint

vue3 Uncaught SyntaxError: Unexpected token . 部分老版本浏览器报错

qq_39196447的博客

09-20

1759

重新运行项目即可解决。

vue3的项目用谷歌72的版本打开，报错Uncaught SyntaxError: Unexpected token ?

陈先生的博客

12-12

913

使用vue3开发项目时候，项目打包完成后，部署项目的时候，可能会出现在服务器部署前端代码的时候出现白屏的情况，1.可能出现nginx路径配置不正确的问题，导致出现报错，这个可以在nginx的error的文件内查询报错内容。2.可能是因为vue3的代码采用es6语法，无法适应低版本的浏览器，比如谷歌的72版本的浏览器。开发环境可能是高等级的浏览器，客户的环境可能是低等级的浏览器，而且无法升级等情况。

Vue3 router 刷新路由报错 Uncaught SyntaxError Unexpected token

技术前端，忠于热爱 @回忆哆啦没有A梦

12-31

2692

Vue router history模式下路由刷新白屏，控制台报错：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

01-19

控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图：仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...

vue项目出现Uncaught SyntaxError: Unexpected token ＜解决方案

热门推荐

oopxiajun博客专栏

08-25

5万+

现象开发测试启动 npm run dev 能正常访问打包 npm run build 后访问页面出现空白，浏览器F12 查看报错就一个简单的页面，连个js文件都没引用，结果出现Uncaught SyntaxError: Unexpected token < 细究原因服务器端，要是访问了一个不存在的文件【路径写错了】返回了一个404的提示页面看看vue最后打包的index.html中的内容 <!DOCTYPE html><html> &...

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" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

VUE3刷新页面页面空白报：Uncaught SyntaxError: Unexpected token ‘＜‘

前端之行，任重道远！

08-16

1338

今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法：修改vue.config.js文件： publicPath:"/", 注意不是： publicPath:"./", ...

vue-cli3中报错：Uncaught SyntaxError: Unexpected token ＜

lijiabin102的博客

11-13

1137

解决方法： 1： publicPath 不要写成相对路径’./’ 要写成绝对路径 ‘/’ 2：修改重叠的路由名称这种问题普遍发生在路由中有重叠名称的路由的情况比如一个页面的路由是/admin，另两页面个是他的子页面路由叫/admin/news，和/admin/action，这样的话，如果设置publicPath是’./’，那两个就不能正常跳转，就会出错而且无论是开发模式还是发布模式，都会出错。如果没有重叠名称的路由，比如另两个叫/news和/action，那么设成./也不会有问题。 ...

关于vue3.0 多入口打包后提示 Uncaught SyntaxError: Unexpected token ＜

不二喵老师

05-06

1933

仅代表我遇到的情况 vue项目报Uncaught SyntaxError: Unexpected token < 错误，一般是本来script src里应该是.js脚本资源，但是服务器却返回了.html 资源，出现这种情况很可能是新项目构建完后，用户还是访问老的缓存页面，老的缓存页面里的script src 引用的资源是服务器返回的404 html文件页面或者是被运维设置( try_files $uri $uri/ /index.html;)成跳转首页的html 文件(因为老的缓存页面里的scr

Vue项目报错：Uncaught SyntaxError: Unexpected token <

weixin_43795840的博客

08-14

1314

问题原因：js文件夹位置放置错误 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。解决方法： 1.将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：<script src="./static/utils/sockjs.js"></script>，这样就不报错了！总结： ...

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

ifyouwjk的博客

01-17

2706

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

vue项目报错Uncaught SyntaxError: Unexpected token ＜

xixi的博客

09-15

1028

vue项目报错Uncaught SyntaxError: Unexpected token < 这是引入第三方依赖js报错的问题。将引入的js文件夹，与index.html，放到同一级。如果在cli2中就该放到static文件下

Vue Uncaught SyntaxError: Unexpected token ‘＜‘ 路由问题

andyLyysh的博客

10-17

4261

Vue Uncaught SyntaxError: Unexpected token '

vue3打包出现 Uncaught SyntaxError: Unexpected token ＜

02-11

### 解决 Vue3 打包后出现 `Uncaught SyntaxError: Unexpected token <` 的方案 #### 1. 检查 HTML 文件中的 `<script>` 标签路径确保所有的 `<script>` 和其他资源标签指向的是实际存在的静态文件。如果路径不...