vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue项目使用可选链操作符编译报错

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

作者:果真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

总结

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

您可能感兴趣的文章:
阅读全文