Cannot find module 'react' or its corresponding type declarations が解消できない

'react' moduleに限った話ではないが、自前ではなく、yarn add したmoduleが軒並み読み込まれない。
build でのcompileでは問題なく通るので、vscode 側の問題だと思われる

環境
nodejs: asdf でinstallした18.16.0
yarn: corepack enable した 3.5.0
vscode
Ubuntu でも wsl でも再現した

検索してでてくるのは
yarn のinstall が上手く言ってなかったり、キャッシュが悪さをしてる可能性を疑う
→yarn cache clean
などで再度 install する
.tsconfig.yml に必要な設定を書く
typescript のlanguage server の再起動
これらは全て試したが解決せず。

当初WSL環境だったので、それが原因かと思い、native のubuntu のマシンで git pull したものの、再現した(WSLは関係なかった)

そもそもどこが担当しているエラーなのかを調べてみた。
warning を出しているのはextensionではなく、vscode のネイティブの設定ぽいところに書いてあった。

「vscode type script ts2307」で検索
これかー、

yarn の公式docのeditor setting に書いてあったんだな、くそぅ

解決した

今回はchatGPTにもプロンプトを変えて色々聞いてたが、比較的新しい話だから、数が少なかったのか、そもそも学習データの中に入っていなかったのか

理由も調べてみる

install しているextension: https://marketplace.visualstudio.com/items?itemName=arcanis.vscode-zipfs
zipの中身まで読みに行く拡張
yarn のpackage管理に関連

(関係ないがメモ)
vscode にZipFSのextension を入れておかないと、packagae の仲間でdebug しにいけない

yarn dlx
は temporal に packageを download をするので、package.jsonには変更が入らない。
editor ごとに入れるべきextenstionやpackage が異なるので、環境ごとになにかを実行する必要があるのに注意