为@typescript-eslint/parser设置了解析错误"parserOptions.project"

Parsing error "parserOptions.project" has been set for @typescript-eslint/parser

我创建了一个新的 NestJS project,这是一个非常流行的 NodeJS 框架。但是我的 IDE (PhpStorm 2020.2-Beta) 出现了这个错误(见标题),ESLint 根本不起作用。

我用过 NestJS CLI :

nest new nestjs-micro

我似乎不是唯一遇到这个问题的人,所以找到这个问题的原因并一劳永逸地解决它会很好。

我已经有一个开放的issue但是我还没有得到答案,这真的很成问题。

如果有人知道如何解决问题并保持 ESLint/Prettier 与 PhpStorm 的集成,谢谢。

复制

// .eslintrc.js
module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: 'tsconfig.json',
    sourceType: 'module',
  },
  plugins: ['@typescript-eslint/eslint-plugin'],
  extends: [
    'plugin:@typescript-eslint/eslint-recommended',
    'plugin:@typescript-eslint/recommended',
    'prettier',
    'prettier/@typescript-eslint',
  ],
  root: true,
  env: {
    node: true,
    jest: true,
  },
  rules: {
    '@typescript-eslint/interface-name-prefix': 'off',
    '@typescript-eslint/explicit-function-return-type': 'off',
    '@typescript-eslint/no-explicit-any': 'off',
  },
};

// tsconfig.json
{
  "compilerOptions": {
    "module": "commonjs",
    "declaration": true,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "target": "es2017",
    "sourceMap": true,
    "outDir": "./dist",
    "baseUrl": "./",
    "incremental": true
  }
}

附加信息

版本

Typescript: 3.7.4
Node: 14.3.0
ESLint: 7.1.0
@typescript-eslint/parser: 3.0.2
Yarn: 1.22.4

将其添加到 tsconfig.json 中的包含:

"include": [
  ".eslintrc.js",
]

我想通了。

当 Typescript 没有包含用于编译的文件时会出现错误。

最简单的解决方案是创建一个 tsconfig.build.json 文件并在其中指定以下参数:

{
  "extends": "./tsconfig.json",
  "exclude": ["node_modules", "test", "dist", "dist/**/*spec.ts"],
  "include": ["src/**/*", ".eslintrc.js"]
}

以上示例适用于 NestJS,但应该适用于其他项目。

最令人惊讶的是,它只是出现在 PHPStorm 上的一个错误,构建工作正常。

FWIW 这个错误对我有用的是将 ignorePatterns: ['.eslintrc.js'], 添加到 .eslintrc.js 文件。此行告诉 eslint 忽略 .eslintrc.js 文件(因为它不包含在 tsconfig 声明的项目 rootDir 中)。