将可选链接 (?.) 与 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',

  },