vue项目中配置可选链

vue老项目通过babel配置

npm install --save-dev @babel/plugin-proposal-optional-chaining

在.babelrc 或者 babel.config.js 文件添加 plugins 配置

{
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

安装完成后项目会报错如下：

Module build failed: Error: Cannot find module '@babel/core'

这是因为babel版本低于7
执行npx babel-upgrade --write --install升级依赖中的@babel/core

配置完了，就可以在项目中使用可选链 ( ?. ) 了。