yarn v4を利用したときの ts2307 エラーが解消できない

yarn v4は従来のyarnよりもスピードが半分以上も早くなり利用をしたい方も多いと思います。

バージョンを移行した、もしくは新規で作成した際になぜかTypescriptがエラーを吐き出すようになると思います。

今回はそのときの対応を紹介します。

pipの対応がされていない

詳細までの調査は行なっていないのですが、yarn v4はnode_moduleの構成が変更されておりそのためにTypescriptの型エラーが発生するようです

なので、その対応をする必要があります。

修正手順

以下はその手順になります。

1. 拡張機能のZipFS をinstallする
   これはyarnの公式がvscodeの用に作成した拡張機能
2. yarn dlx @yarnpkg/sdks vscodeをプロジェクトルートで叩く
   これによってvscodeの設定が自動で行われる
3. Ctrl(Command) + Shift + Pで「Typescriptのバージョンを選択」からyarn sdkを選択する

この手順を行うことによりyarn v4でもTypescriptの型エラーは解消されます。

それでも解消されない場合

僕はこの手順だけでは解消されませんでした。

原因としてはyarnのinstallをHomebrewを用いてinstallしていたためでした。

これの対処法もあるみたいですが、面倒だったのでnpmでinstallするようにしました

yarnが何でinstallされているかを確認

    which yarn

homebrewのディレクトリにあるようならnpmでinstallしてみてください

Homebrewからyarnをアンインストール

    brew uninstall yarn

一応不要なものが残らないように関係ファイルを削除

    rm -rf ~/.yarn
    rm -rf ~/.yarnrc
    rm -rf ~/.yarnrc.yml
    rm -rf ~/.config/yarn

npm でyarnをinstall

    npm install -g yarn

yarnの4系がinstallできているかを確認

    yarn --version

まとめ

これでTypescriptのエラーが解消されていれば嬉しいです