安装@react-navigation/stack@5.14.3 时无法解析依赖关系树

Question

我创建了一个新项目react-native init MyProject，在 VSCode 中打开它后，我做的第一件事就是安装导航。

npm install @react-navigation/native @react-navigation/stack

它抛出错误，然后我单独做了这意味着首先我做了npm install @react-navigation/native它安装成功，然后我做了npm install @react-navigation/stack然后错误再次出现：

npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解决依赖关系 树 npm 错误！ npm 错误！解决时：MyProject@0.0.1 npm ERR！ 发现：react@17.0.1 npm ERR！ node_modules/react npm ERR！
react@"17.0.1" 来自根项目 npm ERR！对等反应@“*”来自 @react-navigation/stack@5.14.3 npm ERR！
node_modules/@react-navigation/stack npm ERR!
@react-navigation/stack@"^5.14.2" 来自根项目 npm ERR！ npm 呃！无法解决依赖关系：npm ERR！对等反应@“^16.0”来自 @react-native-community/masked-view@0.1.10 npm 错误！ node_modules/@react-native-community/masked-view npm ERR！
@react-native-community/masked-view@"^0.1.10" 来自根项目 npm 错误！ peer @react-native-community/masked-view@">= 0.1.0" 来自 @react-navigation/stack@5.14.3 npm ERR！
node_modules/@react-navigation/stack npm ERR!
@react-navigation/stack@"^5.14.2" 来自根项目 npm ERR！ npm 呃！修复上游依赖冲突，或者重试npm ERR！这 带有--force 或--legacy-peer-deps npm ERR 的命令！接受一个 不正确（并且可能被破坏）的依赖关系解析。 npm 错误！ npm 错误！请参阅 /Users/chaudhrytalha/.npm/eresolve-report.txt 以获得完整的 报告。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/Users/chaudhrytalha/.npm/_logs/2021-03-17T10_09_02_128Z-debug.log

我什至尝试安装npm install @react-native-community/masked-view，但得到了类似的错误。

Answer 1

尝试将导航安装在与您的项目相同的目录中

Answer 2

同样的问题和2个建议Github-9426

1.option 是使用 yarn 而不是 npm。为我工作。

yarn add @react-native-community/masked-view
yarn add @react-navigation/stack

2.option 是 react-navigation v6。但不为我工作。 v6 还不稳定。

Answer 3

删除 package.json 文件的依赖项部分中未定义的行，然后重新安装导航对我有用

Answer 4

npm install @react-navigation/stack --force

最后用 --force 安装

Answer 5

使用 yarn 而不是 npm 解决了我的问题。

Answer 6

这将解决问题

npm install --legecy-peer-deps @react-navigation/stack --force

Answer 7

使用纱线包管理器

 npm install --global yarn

使用 yarn 来解析你的 package.json deps

yarn install