修改老项目代码时,习惯使用可选链操作符,结果编译时报错。查看babel发现未配置,现记录一下:
仅可在Js/Ts中使用,template暂时还不支持
目前vue3.0的项目搭建后可以直接使用
可选链(?. ??)
操作符,如果是vue2.0的项目则需要安装插件解析:babel-plugin-proposal-optional-chaining
- npm install @babel/plugin-proposal-optional-chaining -S
- 在babel.config.js中添加:
module.exports = {
presets: ['@vue/app'],
plugins: ["@babel/plugin-proposal-optional-chaining"]
}
操作符的使用方式参考:https://www.jianshu.com/p/94b3aa98c91f