在vue(vue-cli3)项目中使用链判断?.、null ??判断运算符报错

在vue项目中使用es6新的运算符(例如链判断运算符,null判断运算符)会报错,编译不成功

需要安装babel依赖,并添加到babel.config.js中。

1.安装依赖

//NULL判断运算符 ??
npm install @babel/plugin-proposal-nullish-coalescing-operator --save-dev
//链判断运算符  ?.
npm install @babel/plugin-proposal-optional-chaining --save-dev

2.在babel-config.js添加配置

plugins:[
    // null判断运算符支持 ??
    '@babel/plugin-proposal-nullish-coalescing-operator',
    // 链判断运算符支持 ?.
    '@babel/plugin-proposal-optional-chaining'
]

你可能感兴趣的:(在vue(vue-cli3)项目中使用链判断?.、null ??判断运算符报错)