Comment résoudre le problème d'incompatibilité des packages lors de l'ajout de wagmi viem au projet React/Typescript ?

Question

J'essaie d'ajouter les packages wagmi et viem à mon projet. Mon projet dispose du package React-Scripts et j'utilise la dernière version 5.0.1. Typescript exécute la version 4.9.5. Cependant, lorsque j'essaie d'ajouter wagmi et viem, la version minimale requise est 5.0.4. Comment puis-je résoudre ce problème?

npm je wagmi viem

 - npm WARN ERESOLVE remplaçant la dépendance des pairs
 - npm WARN ERESOLVE remplaçant la dépendance des pairs
 - npm ERR ! Code ERESOLVE
 - npm ERR ! ERESOLVE n'a pas pu être résolu
 - npm ERR !
 - npm ERR ! Pendant la résolution : viem@1.2.12
 - npm ERR trouvé : typescript@4.9.5
 - npm ERR ! node_modules/typescript
 - npm ERR ! peerOptional typescript@">=5.0.4" de @wagmi/chains@1.2.0
 - npm ERR! node_modules/viem/node_modules/@wagmi/chains
 - npm ERR ! @wagmi/chains@"1.2.0" de viem@1.2.12
 - npm ERR !
 - npm ERR ! viem@"*" du projet racine
 - npm ERR !
 - npm ERR ! Impossible de résoudre la dépendance :
 - npm ERR ! peerOptional typescript@">=5.0.4" de viem@1.2.12
 - npm ERR !
 - npm ERR ! viem@"*" du projet racine
 - npm ERR !
 - npm ERR ! Dépendance entre pairs en conflit : typescript@5.1.6
 - npm ERR ! node_modules/typescript
 - npm ERR ! peerOptional typescript@">=5.0.4" de viem@1.2.12
 - npm ERR !
 - npm ERR ! viem@"*" du projet racine
 - npm ERR !
 - npm ERR ! Corrigez le conflit de dépendance en amont ou réessayez
 - npm ERR ! cette commande avec --force, ou --legacy-peer-deps
 - npm ERR ! pour accepter une résolution de dépendance incorrecte (et potentiellement cassée).

Answer 1

viem@1.2.12 和 @wagmi/chains@1.2.0 包需要 TypeScript 作为其对等依赖，版本应为 >=5.0.4. Cet avertissement s'affichera lorsque vous utiliserez npm v7+ (Node v15+).

$ npm view viem@1.2.12 peerDependencies
{ typescript: '>=5.0.4' }

$ npm view @wagmi/chains@1.2.0 peerDependencies
{ typescript: '>=5.0.4' }

1. Mettre à niveau TypeScript vers la version >=5.0.4 :

npm i typescript@^5.0.4 -D

2. Voir Autoriser TypeScript 5+ dans les dépendances entre pairs et Annonce de TypeScript 5.0

Vous pouvez donc utiliser l'option --legacy-peer-deps

npm i wagmi viem --legacy-peer-deps