由于依赖关系冲突，npm chakra-ui安装失败

Question

我正在尝试学习react/typescript，并且我正在学习一行教程，但是在尝试安装@chakra-ui/react或@chakra-ui/core时，不知何故得到了这个错误。这看起来像是react更新后的一个可靠问题。我应该回滚反应吗？

kyoudai.industries git:(master) ✗ npm install @chakra-ui/react framer-motion
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: kyoudai.industries@1.0.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR!   peer react@"16.x || 17.x" from @chakra-ui/react@1.0.1
npm ERR!   node_modules/@chakra-ui/react
npm ERR!     @chakra-ui/react@"*" from the root project
npm ERR!   2 more (@emotion/react, @emotion/styled)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8" from framer-motion@2.9.4
npm ERR! node_modules/framer-motion
npm ERR!   framer-motion@"*" from the root project
npm ERR!   peer framer-motion@"^2.9.4" from @chakra-ui/react@1.0.1
npm ERR!   node_modules/@chakra-ui/react
npm ERR!     @chakra-ui/react@"*" 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 /Users/travis/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/travis/.npm/_logs/2020-11-24T22_38_57_297Z-debug.log

Answer 1

使用此命令可以解决此问题：

npm i @chakra-ui/react --遗留对等节点

Answer 2

我也有同样的问题，但是在Vue。我运行了以下命令，它开始工作了：

vue create test -p default && cd test && vue serve src/main.js,

它似乎创建了一个运行一些测试的文件夹。

然后我运行：npm i -g @vue/cli-service-global.。

然后：npm run serve--启动vue服务器。

希望它能给你一个想法，如何在React中解决这个问题。祝好运!