vue-使用可选链操作符编译报错问题

一. 先看报错

        

 可选链操作符是ES2020中推出的新语法,允许我们不需要校验当前属性的类型去尝试访问子属性。

let str = a?.b?.c;

   在vue项目用可选链操作符语法时会出现编译报错的情况,如最上面的报错(图片), 这时需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加babel.config.js中。


babel.config.js中添加:

module.exports = {
  presets: ['@vue/app'],
  plugins: ["@babel/plugin-proposal-optional-chaining"]
}

    

你可能感兴趣的:(前端,html,javascript,前端框架,vue.js)