🤷‍♂️

ViteでReact×Typescriptを構築するとtsconfig.node.jsonでエラーが発生

2023/03/25に公開

環境

Mac: 12.5
vite: v4.2.0
node: v16.10.0
react: v18.2.0
typescript: v4.9.3
eslint: v8.36.0
VScode: 1.74.0

問題

ViteでReact×Typescriptを構築した際に、
VScode上でtsconfig.node.jsonファイルにて下記のエラーが発生した。

File '/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/node_modules/typescript/lib/lib.d.ts' not found.
  The file is in the program because:
    Default library for target 'es3'ts

解決方法

VScode上でcmd + shift + pから、Typescript: Restart TS Serverを選択しリスタートするとエラーが解消される。

以下のissueの内容を参考にした。
https://github.com/microsoft/vscode/issues/168420#issuecomment-1342761253

原因

VScodeのバージョンを1.74.0にアップグレードしたことが原因のよう。
こちらのissueを見る限り1.74.1のバージョンで問題がfixされたようなので、上記の解決方法とは別に、VScodeのバージョンを更新するだけで解決できたみたい...

参考

https://github.com/microsoft/vscode/issues/168420

https://stackoverflow.com/questions/74760673/cannot-find-node-modules-typescript-lib-lib-d-ts-in-tsconfig-file

Discussion