如何安装react导航?

Question

我是编码的初学者，这意味着我遵循youtube上的教程。我正在制作的项目使用react-navigation/native，但是当我试图安装它时，它给了我这个错误:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-native-elements@3.4.2
npm ERR! Found: react-native-safe-area-context@4.2.5
npm ERR! node_modules/react-native-safe-area-context
npm ERR!   react-native-safe-area-context@"^4.2.5" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-safe-area-context@"^3.1.9" from react-native-elements@3.4.2
npm ERR! node_modules/react-native-elements     
npm ERR!   react-native-elements@"^3.4.2" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: react-native-safe-area-context@3.4.1
npm ERR! node_modules/react-native-safe-area-context
npm ERR!   peer react-native-safe-area-context@"^3.1.9" from react-native-elements@3.4.2        
npm ERR!   node_modules/react-native-elements   
npm ERR!     react-native-elements@"^3.4.2" 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 C:Usersps3plAppDataLocalnpm-cacheeresolve-report.txt for a full r
eport.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:Usersps3plAppDataLocalnpm-cache_logs2022-05-29T06_56_49_981Z-d
ebug-0.log

我正在建设使用世博会这是我的包裹。json文件:

{
"name": "uber-clone",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"@reduxjs/toolkit": "^1.8.2",
"expo": "~45.0.0",
"expo-status-bar": "~1.3.0",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-native": "0.68.2",
"react-native-elements": "^3.4.2",
"react-native-safe-area-context": "^4.2.5",
"react-native-vector-icons": "^9.1.0",
"react-native-web": "0.17.7",
"react-redux": "^8.0.2",
"tailwind-react-native-classnames": "^1.5.1"
},
"devDependencies": {
"@babel/core": "^7.12.9"
},
"private": true
}

Answer 1

尝试使用标志--legacy-peer-deps

npm install @react-navigation/native --legacy-peer-deps

Answer 2

你的问题几乎类似于如何让npm安装单个包?

仔细阅读答案

解决方案:

尝试用正确的包版本解决问题，如错误信息所建议的。

如果不行就用

npm install @react-navigation/native --legacy-peer-deps

或

npm install @react-navigation/native --force

确保在开发过程中可能会遇到冲突问题。