项目中找不到@react-navigation/native依赖问题求助

已检查package-lock.json并添加相关依赖，但始终报错：

react-navigation/native could not be found within the project or in these directories: node_modules

相关代码片段 #

app.js 代码： #

//make this component available to the app
export default NavigationContainer(navigator);

package.json 依赖配置： #

"dependencies": {
  "@react-native-community/masked-view": "^0.1.11",
  "@react-navigation/core": "^3.5.0",
  "@react-navigation/native": "^5.9.8",
  "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-gesture-handler": "~2.2.1",
  "react-native-reanimated": "~2.8.0",
  "react-native-safe-area-context": "^4.2.4",
  "react-native-screens": "~3.11.1"
}

解决办法 #

• 检查导入路径正确性：你安装的是@react-navigation/native，导入时必须带@前缀，正确的导入语句应为：

  import { NavigationContainer } from '@react-navigation/native';
  

  若写成react-navigation/native（缺少@），会直接导致模块找不到。

• 清除缓存并重装依赖：

  1. 删除本地依赖文件夹和锁文件：

     rm -rf node_modules package-lock.json  # Mac/Linux
     # Windows 环境执行：
     rmdir /s/q node_modules && del package-lock.json
     

  2. 重新安装依赖：

     npm install
     

  3. 清除Metro缓存（Expo项目替换为expo start -c）：

     npx react-native start --reset-cache
     

• 修复依赖版本不兼容问题：你的@react-navigation/core是3.5.0（属于React Navigation 3版本），而@react-navigation/native是5.9.8（React Navigation 5版本），版本完全不匹配。React Navigation 5+已不再需要单独安装@react-navigation/core，执行以下命令卸载旧依赖：

  npm uninstall @react-navigation/core
  

  卸载后重新安装@react-navigation/native确保版本统一：

  npm install @react-navigation/native
  

• 确认项目目录结构：确保app.js位于项目根目录，或导入路径没有因目录层级错误导致模块查找失败。

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