在vue项目中使用链判断、null判断运算符报错

lovelilt

在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
1
2
3
4
2.在babel-config.js添加配置

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