无法解析依赖树Chakra UI

Question

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: aid-frontend@0.1.0
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR!   react@"^16.8.6" from the root project
npm ERR!   peer react@">=16.8.6" from @chakra-ui/checkbox@1.7.1
npm ERR!   node_modules/@chakra-ui/checkbox
npm ERR!     @chakra-ui/checkbox@"^1.0.0" from the root project
npm ERR!   2 more (@emotion/react, @emotion/styled)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@">=18" from @chakra-ui/system@2.3.0
npm ERR! node_modules/@chakra-ui/system
npm ERR!   peer @chakra-ui/system@">=1.0.0" from @chakra-ui/checkbox@1.7.1
npm ERR!   node_modules/@chakra-ui/checkbox
npm ERR!     @chakra-ui/checkbox@"^1.0.0" 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.
npm ERR! 
npm ERR! See /home/timjini/.npm/eresolve-report.txt for a full report.

我尝试过许多不同的方法来解决这个问题，但它仍然存在。

我的依赖关系

“依赖项”：{“@chakra-ui/复选框”："^1.0.0“、”@chakra-ui/图标“："^1.0.0”、“@chakra-ui/jest”："^1.8.7“、”@情感/反应“："^11.0.0”、“@情感/样式”："^11.0.0“、”@jest library/jest-dom“："^5.16.3"，“@测试-库/反应”："^12.1.4“、”@testing库/用户-事件“："^13.5.0”、"actioncable-js"："^5.0.0-rc2“、"axios"："^0.26.1”、“引导”："^5.1.3“、"chakra-ui"："^0.3.9”、“emoji-picker react”："^3.5.1"，"formik"："^2.2.9“、”框架-运动“："^6.2.8”、“谷歌-地图反应”："^2.1.10“、”js-记录器“："^1.6.1”、“传单”："^1.8.0“、"ramda"："^0.28.0”、“反应”："^16.8.6“、”反应-引导“："^2.2.2"，“反应-引导-验证”："^0.1.11“、”反应-多姆“："^16.8.6”、“反应-传单”："^4.0.0“、”反应-路由器-多姆“："^5.2.0”、“反应-脚本”："5.0.0“、”反应-搜索框“："^2.3.0”、“web-简历”："^2.1.4"，“是”："^0.32.11“}，

解决脉轮用户界面依赖问题

Answer 1

脉轮UI 2只与react 18兼容，你的反应似乎过时了。Chakra有简单的安装。您不需要这样的垃圾依赖关系。只需删除所有项目并尝试在官方网站上的这一行：

npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion