Javascript eslint-vscode的可选链接错误

当我使用可选链时，我看到一条红色下划线，但代码运行良好，就像我在节点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": {
    },
}

您应该与eslint配置一起使用。这允许您使用eslint来lint所有有效的巴贝尔代码。目前，eslint不支持所有ES2020功能，但提出了一份草案

运行：

然后在.eslintrc中执行以下操作：

{
“解析器”：“babel eslint”
}

2020年7月24日更新 支持已在版本（v7.2.0）中发布

2020年11月20日更新 注意：

babel-eslint

现在是

@babel/eslint解析器

，并已移动到

然后在

.eslintrc

中执行以下操作：

{
  parser: "@babel/eslint-parser",
}

{
  parser: "@babel/eslint-parser",
}

---

并非所有由Babel启用的JavaScript功能都包含在ESLint中

但您可以使用：

然后在

.eslintrc

中执行以下操作：

{
  parser: "@babel/eslint-parser",
}

{
  parser: "@babel/eslint-parser",
}

---

您不再需要

@babel/eslint解析器

，因为

eslint@^7.5

现在支持可选更改

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

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

埃斯林先生 .eslint.js

---

有关更多信息，请参阅。

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

npm安装-D@babel/eslint解析器

如果您面临对等依赖性问题，则通过在命令中附加

--legacy peer deps

来运行

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

npm安装eslint@^7.5

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

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

---

如果将光标放在错误上，会收到什么错误消息？@peprumo

解析错误：意外标记。

添加的图像是可选链接，未包含在正常的eslint中？@A.Lau我不知道，还没有。有一份关于支持es2020语法特性的草案，可选链接就是其中之一。您可以在这里阅读：该解析器密钥去哪里了

package.json

在“eslintConfig”下？@bot19尝试将其放在eslintrc config的根目录下

。eslintrc.js

这是截至2020年最新的正确答案

npm install --save-dev eslint@^7.5

yarn add -D eslint@^7.5

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

module.exports = {
    "parserOptions": {
        "ecmaVersion": 2020
    }
}

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