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判断运算符报错

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐