React/Typescript项目中添加wagmi viem时如何解决包不兼容问题？

Question

我正在尝试将 wagmi 和 viem 包添加到项目中。我的项目有react-scripts包，我使用的是最新版本5.0.1。 Typescript 运行版本为 4.9.5。但是，当我尝试添加 wagmi 和 viem 时，要求打字稿最低版本为 5.0.4。我该如何解决这个问题？

npm i wagmi viem

 - npm WARN ERESOLVE overriding peer dependency
 - npm WARN ERESOLVE overriding peer dependency
 - npm ERR! code ERESOLVE
 - npm ERR! ERESOLVE could not resolve
 - npm ERR!
 - npm ERR! While resolving: viem@1.2.12
 - npm ERR! Found: typescript@4.9.5
 - npm ERR! node_modules/typescript
 - npm ERR!   peerOptional typescript@">=5.0.4" from @wagmi/chains@1.2.0
 - npm ERR!   node_modules/viem/node_modules/@wagmi/chains
 - npm ERR!     @wagmi/chains@"1.2.0" from viem@1.2.12
 - npm ERR!     node_modules/viem
 - npm ERR!       viem@"*" from the root project
 - npm ERR!
 - npm ERR! Could not resolve dependency:
 - npm ERR! peerOptional typescript@">=5.0.4" from viem@1.2.12
 - npm ERR! node_modules/viem
 - npm ERR!   viem@"*" from the root project
 - npm ERR!
 - npm ERR! Conflicting peer dependency: typescript@5.1.6
 - npm ERR! node_modules/typescript
 - npm ERR!   peerOptional typescript@">=5.0.4" from viem@1.2.12
 - npm ERR!   node_modules/viem
 - npm ERR!     viem@"*" from the root project
 - npm ERR!
 - npm ERR! Fix the upstream dependency conflict, or retry
 - npm ERR! this command with --force, or --legacy-peer-deps
 - npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Answer 1

viem@1.2.12 和 @wagmi/chains@1.2.0 包需要 TypeScript 作为其对等依赖，版本应为 >=5.0.4。当您使用 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. 将 TypeScript 升级到版本 >=5.0.4：

npm i typescript@^5.0.4 -D

2. 请参阅在peerDependencies中允许使用TypeScript 5+以及宣布推出 TypeScript 5.0

因此您可以使用--legacy-peer-deps选项

npm i wagmi viem --legacy-peer-deps