- 新项目vue-cli搭建可以直接使用可选链和双问号。
- 旧项目的话需要借助插件解析可选链和双问号写法:
babel-plugin-proposal-optional-chaining
插件可以帮助我们将可选链式的代码转化。
旧项目通过babel配置使用
npm install --save-dev @babel/plugin-proposal-optional-chaining
安装完成后项目会报错如下:
原因:babel版本低于7,执行npx babel-upgrade --write --install
升级依赖中的@babel/core
如图:是执行npx babel-upgrade --write --install
命令之后的变更。
执行完升级后:会出现如图:
执行 npm install --save-dev babel-plugin-transform-runtime
并重启项目:
接着执行 npm install --save-dev @babel/runtime-corejs2
最后重启项目即可。