使用可选链接(？.)使用CRA/react-scripts

Question

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

const data = someEntity?.property;

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

我也不能使用//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',
  },