wagmi viem を React/Typescript プロジェクトに追加する際のパッケージの互換性の問題を解決するにはどうすればよいですか?

Question

wagmi パッケージと viem パッケージをプロジェクトに追加しようとしています。私のプロジェクトにはreact-scriptsパッケージがあり、最新バージョン5.0.1を使用しています。 Typescript はバージョン 4.9.5 を実行しています。ただし、wagmi と viem を追加しようとすると、必要な TypeScript の最小バージョンは 5.0.4 です。この問題はどうすれば解決できますか?

npm i wagmi viem

 - npm WARN ERESOLVE ピア依存関係をオーバーライドする
 - npm WARN ERESOLVE ピア依存関係をオーバーライドする
 - npm ERR! コード ERESOLVE
 - npm ERR! ERESOLVE を解決できませんでした
 - npm エラー!
 - npm ERR! 解決中: viem@1.2.12
 - npm ERR! 見つかりました: typescript@4.9.5
 - npm ERR! ノードモジュール/タイプスクリプト
 - npm ERR!peerOptional typescript@">=5.0.4" @wagmi/chains@1.2.0 から
 - npm ERR! node_modules/viem/node_modules/@wagmi/chains
 - npm ERR! @wagmi/chains@"1.2.0" から viem@1.2.12
 - npm ERR! ノードモジュール/viem
 - ルート プロジェクトからの npm ERR! viem@"*"
 - npm エラー!
 - npm ERR! 依存関係を解決できませんでした:
 - npm ERR!peerOptional typescript@">=5.0.4" (viem@1.2.12 から)
 - npm ERR! ノードモジュール/viem
 - ルート プロジェクトからの npm ERR! viem@"*"
 - npm エラー!
 - npm ERR! 競合するピア依存関係: typescript@5.1.6
 - npm ERR! ノードモジュール/タイプスクリプト
 - npm ERR!peerOptional typescript@">=5.0.4" (viem@1.2.12 から)
 - npm ERR! ノードモジュール/viem
 - ルート プロジェクトからの npm ERR! viem@"*"
 - npm エラー!
 - npm ERR! アップストリームの依存関係の競合を修正するか、再試行してください
 - npm ERR! --force または --legacy-peer-deps を指定したこのコマンド
 - npm ERR! は、正しくない (そして壊れている可能性がある) 依存関係の解決を受け入れます。

Answer 1

viem@1.2.12 および @wagmi/chains@1.2.0 パッケージでは、ピア依存関係 として TypeScript が必要です。バージョンは である必要があります。 >=5.0.4。この警告は、npm v7 (Node v15) を使用する場合に表示されます。

リーリー

1. TypeScript をバージョン >>=5.0.4:
にアップグレードします

リーリー

2. 「peerDependency での TypeScript 5 の許可」 および 「TypeScript 5.0 の発表」 を参照してください。

したがって、

--legacy-peer-depsoption を使用できます。

npm i wagmi viem --legacy-peer-deps