vue项目使用可选链操作符编译报错问题
可选链操作符是ES2020中推出的新语法,允许我们不需要校验当前属性的类型去尝试访问子属性。const a = b?.c?.d在vue项目中使用可选链操作符语法时会出现编译报错的情况,需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中。安装npm install @babel/plugin-proposa
·
可选链操作符是ES2020中推出的新语法,允许我们不需要校验当前属性的类型去尝试访问子属性。
const a = b?.c?.d
在vue项目中使用可选链操作符语法时会出现编译报错的情况,需要安装babel依赖@babel/plugin-proposal-optional-chaining
,并添加到babel.config.js
中。
安装
npm install @babel/plugin-proposal-optional-chaining --save-dev
安装过程中可能会出现"源文本中出现无法识别的标记"报错,是由于node版本的问题导致需要使用引号将插件名称包裹。
npm install '@babel/plugin-proposal-optional-chaining' --save-dev
配置
在babel.config.js中添加:
module.exports = {
presets: ['@vue/app'],
plugins: ["@babel/plugin-proposal-optional-chaining"]
}
更多推荐
已为社区贡献1条内容
所有评论(0)