如何配置 WebStorm 以使用 nx lint 而不是 ESLint？

Question

在使用 WebStorm（可能还有其他 JetBrains IDE）处理 nx 项目时，我不断收到此错误：

Error: Error while loading rule '@typescript-eslint/await-thenable': You have used a rule which requires parserServices to be generated. You must therefore provide a value for the "parserOptions.project" property for @typescript-eslint/parser.

我在 libs/mylibrary/.eslintrs.json:

中定义了 parserOptions.project

{
  "extends": ["../../.eslintrc"],
  "parserOptions": {
    "project": "./tsconfig.*?.json",
    "tsconfigRootDir": "./libs/mylibrary"
  },
  ...

当我通过 npx eslint ./libs/mylibrary 或通过 nx (nx lint mylibrary) 手动运行 ESLint 时，错误不会重现。

知道如何配置 WebStorm 以便与 nx lint 一起工作吗？

Answer 1

可能是 linter 在运行中的错误工作文件夹有问题。使用 Automatic 配置，ESlint 工作文件夹设置为离最近 .eslintrc 或 eslintignore 驻留（如 https://www.jetbrains.com/help/webstorm/eslint.html#ws_js_eslint_manual_configuration 中所述）如果 auto-detected 工作目录与你的项目配置不匹配，你需要手动指定工作目录（directories）：在 Settings |语言与框架 | JavaScript |代码质量工具 | ESLint，将配置更改为 Manual 并在终端（项目根文件夹？）中指定您运行 eslint --fix 的目录作为工作目录- 这应该可以解决问题

如何配置 WebStorm 以使用 nx lint 而不是 ESLint？

How to configure WebStorm to work with nx lint instead of ESLint?

eslint

webstorm

jetbrains-ide

nx.dev