eslint - 带有 vscode 的可选链接错误

Question

当我使用可选链时，我看到一个红色下划线，但代码运行正常，因为我在节点14上这是我的设置：node 14.1.0eslint "^6.8.0".eslintrc.jsmodule.exports = {    "env": {        "node": true    },    "extends": [        "eslint:recommended",    ],    "parserOptions": {        "sourceType": "module",        "ecmaVersion": 2020    },    "rules": {    },}

Answer 1

您不再需要，因为现在支持可选的 chanining。@babel/eslint-parsereslint@^7.5

运行以下命令以更新项目中的 eslint：

npm

npm install --save-dev eslint@^7.5

纱

yarn add -D eslint@^7.5

然后，确保您的配置如下所示：

.eslintrc

{

  "parserOptions": {

    "ecmaVersion": 2020

  }

}

.eslint.js

module.exports = {

    "parserOptions": {

        "ecmaVersion": 2020

    }

}

有关详细信息，请参阅 https://eslint.org/blog/2020/07/eslint-v7.5.0-released#optional-chaining-support。

Answer 2

您应该在 eslint 配置中使用 @babel/eslint-parser（以前称为 ）。这允许您使用eslint来lint所有有效的Babel代码。eslint 支持从版本 v7.2.0 开始的所有 ES2020 功能babel-eslint

$ npm install @babel/eslint-parser --save-dev

# or

$ yarn add @babel/eslint-parser -D

然后在你的做：.eslintrc

{

  parser: "@babel/eslint-parser",

}

Answer 3

所有版本的 Node.js 12 以上都支持可选链接运算符（ECMAScript 2020 功能）。尝试使用以下命令：

"parserOptions": {

    "ecmaVersion": 2020

}

Answer 4

首先，您应该有一个支持可选链接的 ESLint 解析器：

npm install -D @babel/eslint-parser

如果遇到对等依赖项问题，请通过附加到命令来运行。--legacy-peer-deps

然后，您应该具有支持可选链接的 ESLint 版本。这是发布版本（7.5.0）：

npm install eslint@^7.5

告诉您的 ESLint 服务器使用上述安装的解析器：

{

  "parserOptions": {

    "ecmaVersion": 2020

  }

  ...

}