vue项目如何使用链判断运算符 ( ?. )和Null判断运算符 ( ??）解决You may need an appropriate loader to handle this file type

Vue项目启动显示链判断运算符报错信息如下：

Module parse failed: Unexpected token You may need an appropriate loader to handle this file type.

按提示是项目不支持可选链式运算符（即?.）

解决

1、安装插件：@babel/plugin-proposal-optional-chaining

npm install --save-dev @babel/plugin-proposal-optional-chaining

2、配置babel

新建.babelrc 或者 babel.config.js 文件添加 plugins 配置

{
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

3、重启项目运行即可解决可选链式运算符报错

Vue项目启动显示Null判断运算符 ( ??）报错信息如下：

解决

1、安装插件：@babel/plugin-proposal-nullish-coalescing-operator

npm install --save-dev @babel/plugin-proposal-nullish-coalescing-operator

2、配置babel

新建.babelrc 或者 babel.config.js 文件添加 plugins 配置

{
  "plugins": [
    "@babel/plugin-proposal-nullish-coalescing-operator"
  ]
}

3、重启项目运行即可解决Null判断运算符报错