在 VS Code 中修复 do 表达式抛出 linter 错误

Question

我一直在尝试让 Visual Studio Code 停止抱怨和减慢我的编辑器的速度，因为这个 linter 错误是关于 do 表达式没有一段时间或期待一个表达式。

这是我在编辑器中看到的

我已经安装了 eslint，这是我拥有的版本

"@babel/core": "7.9.0",
"babel-eslint": "10.1.0",
"@babel/eslint-plugin": "^7.12.1",
"@babel/plugin-proposal-do-expressions": "^7.8.3",
"eslint": "^6.6.0",

这是我的一些配置

...
"plugins": [
  ...
  "@babel"
],
...
"rules": {
  "no-unused-expressions": 0,
  "@babel/no-unused-expressions": 2,
},
...

我不知道为什么我仍然在编辑器中收到这些错误，我不确定此时它是否与 eslint 有关，或者当我将鼠标悬停在它上面时是否还有其他原因导致它我看到了，这似乎打字稿现在可能正在整理它？即使它是一个 javascript 文件？

这是来自 babel 插件提案页面的示例 https://babeljs.io/docs/en/babel-plugin-proposal-do-expressions

const Component = props =>
  <div className='myComponent'>
    {do {
      if(color === 'blue') { <BlueComponent/>; }
      else if(color === 'red') { <RedComponent/>; }
      else if(color === 'green') { <GreenComponent/>; }
    }}
  </div>
;

Answer 1

更新 20/11/2020 注意：babel-eslint 现在是 @babel/eslint-parser 并已移入 Babel monorepo。

$ npm install @babel/eslint-parser --save-dev
# or
$ yarn add @babel/eslint-parser -D

然后在您的 .eslintrc 中执行：

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

来源： https://stackoverflow.com/a/61629494/13859552 https://eslint.org/docs/user-guide/configuring