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

Question

当我使用可选链时，我看到一个红色下划线，但代码运行正常，因为我在节点14上

这是我的设置：

node 14.1.0

eslint "^6.8.0"

.eslintrc.js

module.exports = {

    "env": {

        "node": true

    },

    "extends": [

        "eslint:recommended",

    ],

    "parserOptions": {

        "sourceType": "module",

        "ecmaVersion": 2020

    },

    "rules": {

    },

}

Answer 1

您不再需要，因为现在支持可选的 chanining。@babel/eslint-parsereslint@^7.5运行以下命令以更新项目中的 eslint：npmnpm install --save-dev eslint@^7.5纱yarn add -D eslint@^7.5然后，确保您的配置如下所示：.eslintrc{  "parserOptions": {    "ecmaVersion": 2020  }}.eslint.jsmodule.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  }  ...}