在 CRA/react-scripts 中使用可选链接 (?.)

Question

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

const data = someEntity?.property;

该语法适用于较新版本的 eslint ( ^7.5.0 )。 但反应脚本不支持以上版本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',
  },