React Native安装Navigation后报无法解析react-navigation模块错误如何解决

报错原因是项目中引用了不存在的react-navigation包，你安装的是@react-navigation组织下的系列导航包，按以下步骤排查即可：

• 优先检查App.js内的导入语句，删除所有形如import xxx from 'react-navigation'的错误导入，替换为对应包的正确导入规则：
  • 导航容器从@react-navigation/native导入：import { NavigationContainer } from '@react-navigation/native'
  • 原生栈创建方法从@react-navigation/native-stack导入：import { createNativeStackNavigator } from '@react-navigation/native-stack'
• 导入语句确认无误后，清理React Native本地缓存后重新运行：
  依次执行以下命令：

  # 清理启动器缓存
  npx react-native start --reset-cache
  # 新开终端窗口执行安卓运行命令
  npx react-native run-android
  

• 检查项目根目录下的package.json文件，确认dependencies字段内存在以下依赖条目，若缺失可手动添加后重新执行npm install：

  "@react-navigation/native": "^6.x.x",
  "@react-navigation/native-stack": "^6.x.x",
  "react-native-screens": "^3.x.x",
  "react-native-safe-area-context": "^4.x.x"
  

• 若执行npm install过程中出现网络报错，可切换国内npm镜像源后重新执行安装操作。

内容的提问来源于stack exchange，提问作者Shiranox