VS Code ESLint 拡張が Parsing error: Cannot read file エラー config ファイルが読み込めない問題にハマる

VS Code に入れてある ESLint 拡張が TypeScript ファイルの一行目で次のようなエラーを出てしまうことがありました。

Parsing error: Cannot read file '/users/kikiki/MyApp/tsconfig.json'.eslint

tsconfig.json が第一階層にないとこのエラーが出るっぽい

エラーが出る条件を試行錯誤してみた所、どうやら VS Code で開いている workspace の第一階層に tsconfig.json が無いと先のエラーが出るようです。

ファイル構成

/MyApp # workspace のルート
  |- .vscode
  |   |- settings.json
  |- /app
      |- tsconfig.json

エラーメッセージも /MyApp/tsconfig.json が読み込めないと出てましたもんね…

workspace のルートの.vscode/settings.json に下記を追加する

"eslint.workingDirectories": [ "./api" ]

ESLint でチェックするディレクトリが複数ある場合は配列内に対象のディレクトリを追加するればOK
これで workspace 内にディレクトリを作成してその中だけで ESLint 拡張が正しくチェックできるようになりました！ ₍ ᐢ. ̫ .ᐢ ₎ ﾔｯﾀﾈ!! 　

Sublime Text からすっかり VS Code 民になってしまった。。。

[参考]