Bagaimana untuk menyelesaikan masalah ketidakserasian pakej apabila menambah wagmi viem ke projek React/Typescript?

Question

Saya cuba menambah pakej wagmi dan viem pada projek saya. Projek saya mempunyai pakej skrip reaksi dan saya menggunakan versi terkini 5.0.1. Skrip taip menjalankan versi 4.9.5. Walau bagaimanapun, apabila saya cuba menambah wagmi dan viem, versi skrip taip minimum yang diperlukan ialah 5.0.4. Bagaimanakah saya boleh menyelesaikan masalah ini?

npm i wagmi viem

 - npm AMARAN ERESOLVE mengatasi pergantungan rakan sebaya
 - npm AMARAN ERESOLVE mengatasi pergantungan rakan sebaya
 - npm ERR! kod ERESOLVE
 - npm ERR! ERESOLVE tidak dapat diselesaikan
 - npm ERR!
 - npm ERR! Semasa menyelesaikan: viem@1.2.12
 - npm ERR!
 - npm ERR!
 - npm ERR! peerOptional typescript@">=5.0.4"
 - npm ERR! node_modules/viem/node_modules/@wagmi/chains
 - npm ERR! @wagmi/chains@"1.2.0"
 - npm ERR!
 - npm ERR! viem@"*"
 - npm ERR!
 - npm ERR! tidak dapat menyelesaikan pergantungan:
 - npm ERR! peerOptional typescript@">=5.0.4"
 - npm ERR!
 - npm ERR! viem@"*"
 - npm ERR!
 - npm ERR! Kebergantungan rakan sebaya yang bercanggah: typescript@5.1.6
 - npm ERR!
 - npm ERR! peerOptional typescript@">=5.0.4"
 - npm ERR!
 - npm ERR! viem@"*"
 - npm ERR!
 - npm ERR! Betulkan konflik pergantungan huluan, atau cuba semula
 - npm ERR! arahan ini dengan --force, atau --legacy-peer-deps
 - npm ERR! untuk menerima resolusi pergantungan yang salah (dan berpotensi rosak).

Answer 1

viem@1.2.12 和 @wagmi/chains@1.2.0 包需要 TypeScript 作为其对等依赖，版本应为 >=5.0.4. Amaran ini akan ditunjukkan apabila anda menggunakan 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. Tingkatkan TypeScript kepada versi >=5.0.4:

npm i typescript@^5.0.4 -D

2. Lihat Membenarkan TypeScript 5+ dalam peerDependencies dan Pengumuman TypeScript 5.0

Jadi anda boleh menggunakan --legacy-peer-depspilihan

npm i wagmi viem --legacy-peer-deps