Vite + TypeScript + eslint環境で発生する Parsing error: "parserOptions.project … を解消する

warugaki 2021/12/05

以下のエラーを解消できたので、メモとして残しておく

エラー内容

0:0  error  Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: .eslintrc.js.
The file must be included in at least one of the projects provided

0:0  error  Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: vite.config.ts.
The file must be included in at least one of the projects provided

warugaki 2022/01/03に更新

以下解消案のどちらかの方法で

解消案1

tsconfig.json に上記ファイルを認識させてる。

{
  "compilerOptions": {
・・・省略
  },
  "include": [
    "./src",
+   "./.eslintrc.js",
+   "./vite.config.ts"
  ]
}

解消案2

.eslintrc.js に以下を追加

.eslintrc.js

  ignorePatterns: ['.eslintrc.*', 'vite.config.*'],

※ overrides: も前に記述する必要あり

warugaki 2022/01/03に更新

解消後（※解消案１）

.eslintrc.js と vite.config.ts もeslintで検知できるようになる

確認用コマンド

npx eslint . --ext .js,.jsx,.ts,.tsx

.eslintrc.js

21:31  error  Missing trailing comma  @typescript-eslint/comma-dangle

vite.config.ts

  1:1   error  'vite' should be listed in the project's dependencies, not devDependencies                  import/no-extraneous-dependencies
  1:36  error  Missing semicolon                                                                           @typescript-eslint/semi
  2:1   error  '@vitejs/plugin-react' should be listed in the project's dependencies, not devDependencies  import/no-extraneous-dependencies
  2:41  error  Missing semicolon                                                                           @typescript-eslint/semi
  6:21  error  Missing trailing comma                                                                      @typescript-eslint/comma-dangle
  7:3   error  Missing semicolon                                                                           @typescript-eslint/semi

このスクラップは2021/12/30にクローズされました