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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vite+vue3项目报错：TypeError: Promise.allSettled is not a fu
Vite+Vue3项目中遇到“TypeError: Promise.allSettled is not a function”错误,通常是因为当前运行的JavaScript环境不支持Promise.allSettled,下面就来介绍几种解决方法,感兴趣的可以了解一下
2024-12-12
vue3 使用setup语法糖实现分类管理功能
这篇文章主要介绍了vue3 使用setup语法糖实现分类管理,本次模块使用 vue3+element-plus 实现一个新闻站的后台分类管理模块，其中新增、编辑采用对话框方式公用一个表单，需要的朋友可以参考下
2022-08-08
vuejs使用递归组件实现树形目录的方法
本篇文章主要介绍了vuejs使用递归组件实现树形目录的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
Vue+ElementUI 实现分页功能-mysql数据
这篇文章主要介绍了Vue+ElementUI 实现分页查询-mysql数据，当数据库中数据比较多时,就每次只查询一部分来缓解服务器和页面压力。这里使用elementui的 Pagination 分页组件,配合mysql的limit语句，实现分页查询mysql数据,下面来看看具体实现过程,希望对大家学习有所帮助
2021-12-12
Vue3 组合式函数Composable最佳实战
这篇文章主要为大家介绍了Vue3 组合式函数Composable最佳实战详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
解决Vue在Tomcat8下部署页面不加载的问题
今天小编就为大家分享一篇解决Vue在Tomcat8下部署页面不加载的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
基于Vue实现我的钱包充值功能的示例代码
这篇文章主要为大家详细介绍了如何基于Vue实现我的钱包充值功能,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以参考一下
2024-01-01
Vue 中如何将函数作为 props 传递给组件的实现代码
这篇文章主要介绍了Vue 中如何将函数作为 props 传递给组件的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-05-05
Vue中watch的多种使用方法小结
Vue的watch选项提供了多种方法来观测数据属性的变化,让我们能够编写更加优雅和维护性更高的代码,本文给大家介绍Vue中watch的多种使用方法小结,感兴趣的朋友一起看看吧
2023-10-10
django+vue项目搭建实现前后端通信
本文主要介绍了django+vue项目搭建实现前后端通信，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-02-02