TypeScriptのeslintエラー、The file does not match your project config: pagesを直す方法

下記のようなエラーが発生。

Parsing error: “parserOptions.project” has been set for @typescript-eslint/parser.
The file does not match your project config: pages/posts/new.tsx.
The file must be included in at least one of the projects provided.eslint

翻訳するとこんな感じ。

構文解析エラーです。”parserOptions.project” が @typescript-eslint/parser に設定されています。
ファイルがプロジェクトの設定と一致しません:pages/posts/new.tsx.
このファイルは、提供されたプロジェクトの少なくとも1つに含まれている必要があります。

エラー分だけ見ても意味不明。

とりあえずスタックオーバーフローを見てみる。

要は、pages/posts/new.tsx.が読み込めないから、ESLintを実行できない。みたいなことだと思う。

なので、下記のように書くことで、ESLintを読み込めるようにする。構文チェックは、ts configを使うと。

{
  // ...
  overrides: [
    {
      files: ['*.ts', '*.tsx'], // Your TypeScript files extension
      parserOptions: {
        project: ['./tsconfig.json'], // Specify it only for TypeScript files
      },
    }
  ],
  parser: '@typescript-eslint/parser',
  // ...
} 

これで治った。ちゃんと構文エラーを読むようになった。

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

eslintTypeScript

コメントする

メールアドレスが公開されることはありません。