将可选链接 (?.) 与 CRA/react-scripts 结合使用

Question

我正在将 eslint 集成到一个预先存在的项目中。这个项目充满了可选的链接语法。像下面的那个：

const data = someEntity?.property;

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

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

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

Answer 1

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

Answer 2

任何在 CRA 和 eslint 上苦苦挣扎的人，如果接受的答案不起作用，请更新您的 eslintrc 以包含 ecmaVersion。2020 及以上版本将消除此错误。我正在使用 .eslintrc.js 作为例子  parserOptions: {    parser: 'babel-eslint',    ecmaVersion: 2020,    sourceType: 'module',  },