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

最新推荐文章于 2024-07-19 10:53:52 发布
原创 最新推荐文章于 2024-07-19 10:53:52 发布 · 716 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 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元/天 解锁文章
Harry Lai
关注
工程化:vite4+vue3里面的eslint验证jsx报错 ‘Unexpected token ＜‘处理方案
峰会路转的博客
04-24 1532
使用了husky,在commit的时候会对code进行eslint，在使用jsx开发的时候，是可以正常显示的，页面不会报错，但是在提交代码的时候一直通不过eslint。报错就是下面的,提示文件是jsx文件里面的。机上后再提交，就没有这个报错了！
Vue--》Vue3打造可扩展的项目管理系统后台的完整指南（一）
ztK63LrD的博客
05-23 2319
今天开始使用搭建一个项目管理的后台，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识，然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（：快速轻量且功能丰富的前端构建工具，帮助开发人员更高效构建现代Web应用程序。：高性能、轻量级npm替代品，帮助开发人员更加高效地处理应用程序的依赖关系。
Vue项目中常见报错及解决方法汇总（持续更新...）
apple_66388921的博客
08-29 1080
原因：JS严格模式禁止使用八进制字面量，在我的数组中id使用了0，老的八进制（0前缀）。在Vue项目开发中，各种报错让人头大，下面列举常见的报错及解决方法。vue2项目只能用vuex@3 vue-router@3。vue3项目要用vuex#4 vue-router@4。解决方案：删掉id中开头的0。
vue项目 es6语法报错
S筱潇S四维Smile
03-02 4446
1.不识别es6语法 扩展运算符...报错 ...是es6的对象扩容运算符，目前babel暂不支持，需要引入新的包来解决，要安装一个babel插件翻译对象展开运算符语法。 解决方法： npm install babel-plugin-transform-object-rest-spread 根目录下创建 .babelrc文件 .babelrc文件中写： { "presets": [ ["es2015", { "modules": false }] ],
Vue3开发笔记
weixin_63629765的博客
08-25 2601
Vue3开发笔记，通过学习小满Vue3课程而来，推荐与视频一起观看
vue项目使用可选链操作符编译报错问题
热门推荐
roylinziyang的博客
03-04 2万+
可选链操作符是ES2020中推出的新语法，允许我们不需要校验当前属性的类型去尝试访问子属性。 const a = b?.c?.d 在vue项目中使用可选链操作符语法时会出现编译报错的情况，需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中。 安装 npm install @babel/plugin-proposal-optional-chaining --save-dev 安装过程中可能会出现"源文本中出现
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 1651
可选链操作符是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 775
Mac vue3 使用可选链（?.）和 双问号 （??） 使用可选链操作符 ?. 及空值合并操作符 ??编译报错
解决vue项目在development模式下ie11、ie10 出现语法错误的问题
仰望星空的代码
01-09 4881
一、前言 开发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 2893
版本，同时 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 3467
vite+vue3.2+ts+vant 兼容低版本浏览器
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值