Vue - 使用ES2021语法报错问题处理

最新推荐文章于 2024-07-19 10:53:52 发布

原创

最新推荐文章于 2024-07-19 10:53:52 发布 · 716 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #es6

在Vue2.x+CLI3.x项目中使用ES2021的逻辑判断运算符报错，原因是较低版本的@vue/cli-plugin-babel不支持。解决方案包括安装对应Babel插件处理新语法或直接升级@vue/cli-plugin-babel到更高版本。

Vue使用ES2021语法报错问题处理

起因

项目技术栈：vue2.x + cli3.x + antDesign1.x + …

我在使用ES2021语法后，运行后报错了，报错代码如下：

this.dataList = res.map(i=>{
   
   
    //以下两行代码报错
    //??= 属于逻辑判断运算符，是ES2021的语法
    i['assigneeId'] ??= ''; 
    i

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Harry Lai

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

工程化:vite4+vue3里面的eslint验证jsx报错 ‘Unexpected token ＜‘处理方案

峰会路转的博客

04-24

1532

使用了husky,在commit的时候会对code进行eslint，在使用jsx开发的时候，是可以正常显示的，页面不会报错，但是在提交代码的时候一直通不过eslint。报错就是下面的,提示文件是jsx文件里面的。机上后再提交，就没有这个报错了！

Vue--》Vue3打造可扩展的项目管理系统后台的完整指南（一）

ztK63LrD的博客

05-23

2317

今天开始使用搭建一个项目管理的后台，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识，然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（：快速轻量且功能丰富的前端构建工具，帮助开发人员更高效构建现代Web应用程序。：高性能、轻量级npm替代品，帮助开发人员更加高效地处理应用程序的依赖关系。

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

vue项目 es6语法报错

S筱潇S四维Smile

03-02

4445

1.不识别es6语法扩展运算符...报错 ...是es6的对象扩容运算符，目前babel暂不支持，需要引入新的包来解决，要安装一个babel插件翻译对象展开运算符语法。解决方法： npm install babel-plugin-transform-object-rest-spread 根目录下创建 .babelrc文件 .babelrc文件中写： { "presets": [ ["es2015", { "modules": false }] ],

Vue项目中常见报错及解决方法汇总（持续更新...）

apple_66388921的博客

08-29

1079

原因：JS严格模式禁止使用八进制字面量，在我的数组中id使用了0，老的八进制（0前缀）。在Vue项目开发中，各种报错让人头大，下面列举常见的报错及解决方法。vue2项目只能用vuex@3 vue-router@3。vue3项目要用vuex#4 vue-router@4。解决方案：删掉id中开头的0。

Vue3开发笔记

weixin_63629765的博客

08-25

2599

Vue3开发笔记，通过学习小满Vue3课程而来，推荐与视频一起观看

vue项目使用可选链操作符编译报错问题

m0_57594854的博客

11-25

3368

可选择链操作符报错

esj语法报错vue

03-18

然而，在实际操作中可能会遇到一些常见的 ESLint 报错问题。以下是针对这些报错的具体解决方案。 --- #### 方法一：查阅官方文档调整规则配置通过访问 ESLint 官方文档获取可用规则列表[^1]，可以根据项目的具体...

98% after emitting CopyPlugin ERROR Failed to compile with 1 error 17:00:25 error in ./node_modules/@liripeng/vue-audio-player/packages/index.vue?vue&type=template&id=21cbe588 Syntax Error: Unexpected token (30:402) @ ./node_modules/@liripeng/vue-audio-player/packages/index.vue?vue&type=template&id=21cbe588 1:0-369 1:0-369 @ ./node_modules/@liripeng/vue-audio-player/packages/index.vue @ ./node_modules/@liripeng/vue-audio-player/packages/index.js @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/crm/uincallrecord/index.vue?vue&type=script&lang=js @ ./src/views/crm/uincallrecord/index.vue?vue&type=script&lang=js @ ./src/views/crm/uincallrecord/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.j

最新发布

05-10

好的，我现在需要帮用户解决在使用vue-audio-player时遇到的编译错误，具体是CopyPlugin报错和Unexpected token问题。用户提供的引用中有多个相关的错误信息，我需要逐一分析可能的原因，并结合之前的回答来给出解决...

vue2.X使用可选链操作符编译报错问题

十一

05-16

1650

可选链操作符是ES2020中推出的新语法，允许我们不需要校验当前属性的类型去尝试访问子属性。.c?.dnpm install --save-dev @babel/plugin-proposal-optional-chaining -S //解析可选链语法插件npm install --save-dev @babel/plugin-proposal-nullish-coalescing-operator // 双问号语法插件。

vue template 里使用可选链操作符( ?. )报错Unexpected token . in _s(item?.publishInfo?.remark) Raw expres

ZYX10077的博客

09-20

1588

vue template 里使用可选链操作符( ?. )报错

vue项目.可选链操作符浏览器报错提示编译失败

qq_44716001的博客

06-16

676

【代码】vue项目.可选链操作符浏览器报错提示编译失败。

Mac vue3 使用可选链操作符 ?. 及空值合并操作符 ??编译报错

北纬先生

03-25

773

Mac vue3 使用可选链（?.）和双问号（??）使用可选链操作符 ?. 及空值合并操作符 ??编译报错

解决vue项目在development模式下ie11、ie10 出现语法错误的问题

仰望星空的代码

01-09

4880

一、前言开发vue项目过程中，在development模式下发现在IE10,、IE11中无法运行，打开控制台发现已经报错。错误信息提示语法错误，打开定位到的报错位置，可以发现是严格模式报错。编译的代码中出现严格模式可能是因为代码中存在es6而没有被转换为es5，而在项目中已经配置了babel；正常情况下是不会出现es6未被转换的情况的。由于babel配置采用的是vue官方推荐的或者说vue...

vue2项目中可选链报错

weixin_45162984的博客

07-19

822

这是需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中。注意上面信息，错误来源是 node_modules/@open-wc模块下的文件。这个时候还需要在vue.config.js中添加如下配置,添加所有报错的模块。在babel.config.js中添加如下配置。这个时候还可能会报如下错误。这样就可以正常运行了。

vue2中template里使用可选链操作符( ?. )报错解决方案

qq_44741577的博客

04-30

2892

版本，同时 node 版本升级到。不支持可选链操作符，升级。

打包时识别正则表达式打包失败

eoiqrqwqq411的博客

03-25

938

一级标题打包时识别正则表达式打包失败在我项目开发当中，需要在后端传输的文本中识别文本当中的文本，并且高亮显示。如图在效果实现之后准备打包给后端部署的时候就开始报错，无论写在哪里都会报同样的错误在这时我就开始尝试其他方法创建正则表达式，在使用new RegExp的方法来创建正则表达式，并且识别效果相同之后，在进行打包，就能正常打包了。 ...

2021-10-08 | es2021代码学习

l_fireworks的博客

10-08

377

updateTabDeliveryData(params) { for(let key in params) { this.detailData.deliveryData[0][key] = params[key] } } 某人说这是es2021的写法，不知道有没有人看懂，我来解释一下这段代码，怕忘记所以记下来首先，params是通过子组件传进来的一个对象，打印一下是这样的： console.log(params); 然后，通过fo...

vite项目低版本浏览器兼容性问题

slice_93的博客

12-19

3466

vite+vue3.2+ts+vant 兼容低版本浏览器