React中使用可选链操作符（变量后加问号）出现模块解析失败报错求助

这个报错是因为可选链操作符（?.）属于ES2020新增语法，你的项目转译工具（比如Babel）还没配置支持该语法，导致无法解析。以下是几种解决方法：

• 安装Babel可选链插件
  先安装插件：

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

  然后在项目的babel.config.js或.babelrc文件中添加该插件：

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

• 使用Create React App的话直接升级版本
  Create React App 3.0及以上版本默认支持可选链语法，如果你的版本较低，执行升级命令：

  npm install react-scripts@latest
  

• 自定义Webpack配置的检查项
  确保babel-loader正确处理了项目中的.js/.jsx文件，并且Babel配置已经包含上述插件。

内容的提问来源于stack exchange，提问作者ACHOUAK CHERIF