使用带有 CRA/react-scripts 的可选链接（？。）答案

【问题标题】：using optional chaining(?.) with CRA/react-scripts使用带有 CRA/react-scripts 的可选链接（？。）
【发布时间】：2021-02-03 01:58:47
【问题描述】：

我正在将 eslint 集成到一个预先存在的项目中。这个项目充满了optional chaining 语法。如下图：

const data = someEntity?.property;

该语法适用于较新版本的 eslint (^7.5.0)。但是 react-script 不支持6.6.0以上版本的eslint。

我也不能使用 //eslint-disable-next-line 或类似的东西来禁用它。它只是说解析错误如下：

目前，由于这个原因，我在整个项目中都遇到了解析错误。有没有办法可以禁用此错误并将 eslint 与我的 CRA 应用程序成功集成？

【问题讨论】：

【解决方案1】：

如果接受的答案不起作用，请更新您的 eslintrc 以包含 ecmaVersion 以及使用 CRA 和 eslint 苦苦挣扎的任何人。 2020 及以上版本将消除此错误。

我正在使用 .eslintrc.js 作为示例

  parserOptions: {
    parser: 'babel-eslint',
    ecmaVersion: 2020,
    sourceType: 'module',
  },

【讨论】：

【解决方案2】：

您必须将babel-eslint 作为解析器添加到您的 eslint 配置文件中，如下所示：

{
   "parser": "babel-eslint"
}

【讨论】：