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

最新推荐文章于 2025-03-08 17:44:18 发布

qq_39196447

最新推荐文章于 2025-03-08 17:44:18 发布

阅读量1.7k

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_39196447/article/details/133085464

版权

文章讲述了如何在Vue3项目中正确使用可选链操作符?.和空值合并运算符??，包括在package.json中添加相关Babel插件，以及在babel.config.js中进行配置，以确保它们能被编译并解决解析问题。

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

vue3代码中使用 ?.可选链操作符和空值合并运算符?? 没有解析出来

控制台报错信息

复制下面的代码到 package.json中，然后 npm i （也可以自己手动安装）

"@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
"@babel/plugin-proposal-optional-chaining": "^7.21.0",

在这里插入图片描述

在babel.config.js配置一下

 plugins: ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator'],

在这里插入图片描述

重新运行项目即可解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_39196447

关注关注

1
点赞
踩
9

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法

10-21

主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下

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]，这样就

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

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

陈先生的博客

12-12

817

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

npm install -g @vue/cli 方式已经无法创建VUE3项目

最新发布

xuukai的博客

03-08

764

apollo-server-errors、apollo-server-plugin-base、apollo-server-types 等包属于 Apollo Server v2 和 v3，这些版本已经结束生命周期（end-of-life）。这些警告通常是因为 Vue CLI 的某些依赖或间接依赖的包已经不再被维护，或者有更好的替代方案。替代方案：如果你的项目中使用了这些包，建议升级到 Apollo Server v4，其功能已整合到 @apollo/server 包中。这些包的旧版本已不再被支持。

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

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

12-31

2675

Vue router history模式下路由刷新白屏，控制台报错：Uncaught SyntaxError Unexpected token

【报错】Uncaught SyntaxError:Unexpected token . 解决vue项目兼容低版本浏览器报错问题

m0_65930399的博客

12-13

487

在 package.json 文件中。

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

shi15926lei的博客

05-23

2109

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

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

weixin_59587584的博客

10-28

4565

‘Uncaught SyntaxError: Unexpected token '

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

前端之行，任重道远！

08-16

1331

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

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

ifyouwjk的博客

01-17

2698

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

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

不二喵老师

05-06

1912

仅代表我遇到的情况 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 <

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文

vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错

10-17

主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

lijiabin102的博客

11-13

1129

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

Vue3.0项目报错: history模式下 Uncaught SyntaxError: Unexpected token

web全栈开发的博客

04-07

1769

原文地址 history模式下 vue.config.js中publicPath不要设置为相对路径正确如下

vue项目，cli-3.0项目部署运行报错：Uncaught SyntaxError: Unexpected token <

小糖穿越火线

11-13

2732

尝试多种办法，仍无法解决： 1、引用js、css使用：./路径 2、 // <script src="./js/config.js"> <script src="<%= BASE_URL %>js/config.js"> 3、assetsPublicPath： ./ 4、 5、 6、 ... 试了超多方法。。。解决：真的坑：避免...

vue项目报错Uncaught SyntaxError: Unexpected token ＜

xixi的博客

09-15

1016

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

（vite/webpack 通用）vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘

07-13

4198

浏览器一片空白，开控制台输出：Uncaught Syntaxerror: Unexpected token?vite代码版本较高，导致低版本浏览器无法运行，结果是他那边浏览器的版本很低(谷歌44)导致的。

vue3 vite 本地运行 Uncaught SyntaxError: Unexpected token .

12-26

当你在Vue3项目中使用Vite作为构建工具，遇到`Uncaught SyntaxError: Unexpected token .`错误时，这通常意味着JavaScript解析器在当前文件中遇到了不符合语法预期的点号(`.`)。这可能是以下几个原因： 1. **ES6语法未转义**：如果在导入模块时使用了ES6的import语法，忘记加上`./`前缀，比如`import component from 'component';`，应该改为`import component from './component';`。 2. **路径问题**：确认路径引用是否正确，尤其是当从其他包引入模块时，确保文件名、大小写和斜杠方向都正确。 3. **Babel配置**：如果没有正确配置Vite或Vue.config.js以支持ES6+的特性，可能需要添加相应的插件，如@vitejs/plugin-vue或@babel/preset-env。 4. **全局变量冲突**：检查是否有意外的全局变量导致了这个错误，特别是在使用动态导入时。 5. **代码编辑器设置**：某些代码编辑器可能对.js文件有不同的预处理器设置，确认它们是否按预期处理了ES6语法。要解决这个问题，首先查看报错行，并结合上述建议排查。如果是代码错误，修复错误后保存并刷新页面；如果是配置问题，检查Vite的相关配置文件并做出相应的调整。