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-09-09
这篇文章主要为大家详细介绍了如何使用 vue3 指令封装一个后台管理系统图片预览功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-01-01
这篇文章主要为大家详细介绍了vue点击当前路由高亮小案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了使用vue 国际化i18n 多实现语言切换功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2018-10-10
这篇文章主要介绍了详解Vue 多级组件透传新方法provide/inject，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
el-table多选toggleRowSelection不生效解决方案
这篇文章主要给大家介绍了关于el-table多选toggleRowSelection不生效的解决方案,文中通过图文以及代码将解决办法介绍的非常详细,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vant如何实现Collapse折叠面板标题自定义，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本文主要介绍了electron最小化托盘设置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要介绍了React中父子组件通信详解，在父组件中，为子组件添加属性数据，即可实现父组件向子组件通信，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2023-03-03
这篇文章主要介绍了vue学习笔记之给组件绑定原生事件操作,结合实例形式详细分析了vue.js组件绑定原生事件相关原理、实现方法与操作注意事项,需要的朋友可以参考下2020-02-02
最新评论