vue项目使用可选链操作符编译报错问题及解决
更新时间：2024年03月19日 09:50:42 作者：果真zZ
这篇文章主要介绍了vue项目使用可选链操作符编译报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue项目使用可选链操作符编译报错
const a = b?.c?.d
报错如下：
Support for the experimental syntax ‘optionalChaining’ isn’t currently enabled
解决方案
需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中
yarn add @babel/plugin-proposal-optional-chaining
在babel.config.js中添加
module.exports = {
presets: ['@vue/app'],
plugins: ["@babel/plugin-proposal-optional-chaining"]
}
vue项目启动出现可选链?:操作符解析失败
问题描述
vue项目中引入了其他npm包，包中使用可选链操作符?:
本地npm run serve启动时，之前都正常，这次报错了，无法启动。
解决步骤（2步）
1. 安装：（注意安装对应的版本号，版本号不匹配时，还是会报错）
npm install @babel/plugin-proposal-optional-chaining --save-dev
空值合并运算符（??：）是：
@babel/plugin-proposal-nullish-coalescing-operator
2.在babel.config.js中配置：
module.exports = {
......
plugins: ["@babel/plugin-proposal-optional-chaining", "@babel/plugin-proposal-nullish-coalescing-operator"]
}问题截图
Module parse failed: Unexpected token
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了Vue中使用防抖与节流的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
今天小编就为大家分享一篇Vue.js点击切换按钮改变内容的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家介绍了vue openlayers实现台风轨迹示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
Vue-Element-Admin集成自己的接口实现登录跳转
关于这个Vue-element-admin中的流程可能对于新的同学不是很友好，所以本文将结合实例代码，介绍Vue-Element-Admin集成自己的接口实现登录跳转，感兴趣的小伙伴们可以参考一下2021-06-06
本篇文章主要介绍了vue 文件目录结构详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了使用vue自定义如何实现Tree组件和拖拽功能，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要介绍了详解基于 Nuxt 的 Vue.js 服务端渲染实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了如何使用Webstorm和Chrome来调试Vue项目，对Vue感兴趣的同学，一定要看一下2021-05-05
这篇文章主要介绍了在antd Form表单中select设置初始值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
不同于vue2不需要被use使用,vue3的机制是你的指令必须要被注册成方法的,这样你才能全局使用到自定义指令,下面这篇文章主要给大家介绍了关于vue3自定义指令的相关资料,需要的朋友可以参考下2022-11-11
最新评论