允许使用 ?. eslint 中的语法

Question

我用了？语法在我的代码中，但是当我将 eslint 配置到我的项目中时，他们将此类结构标记为解析错误（意外标记） const currentFiles = folder?.files

这是我的 eslint 配置

{
    "extends": ["airbnb", "prettier"],
    "plugins": ["prettier"],
    "rules": {
      "prettier/prettier": ["error"],
      "react/react-in-jsx-scope": "off",
      "import/no-unresolved": "off",
      "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
      "jsx-a11y/label-has-associated-control": ["error", {
        "required": {
          "some": ["nesting", "id"]
        }
      }],
      "jsx-a11y/label-has-for": ["error", {
        "required": {
          "some": ["nesting", "id"]
        }
      }]
    }
  }

有没有办法以某种方式配置linter，这样就不会再出现任何错误了？

Answer 1

在版本 7.5.0 中， ESLint 添加了对运算?.符（可选链）的支持：

parserOptions.ecmaVersion: 2020当您在配置中启用时，默认解析器和内置规则将支持此语法：

{
    "parserOptions": {
        "ecmaVersion": 2020
    }
}