React Native项目已装@react-navigation/native-stack仍提示模块未找到

排查步骤 #

• 重新安装依赖
  先删除现有依赖文件和锁文件，避免缓存的异常依赖干扰：

  rm -rf node_modules package-lock.json yarn.lock
  

  再根据你使用的包管理器执行重装命令：

  # 使用npm的情况
  npm install
  # 使用yarn的情况
  yarn install
  

• 重置Metro打包服务缓存
  Metro的历史缓存会导致无法识别新安装的依赖，启动时需添加重置缓存参数：

  npx react-native start --reset-cache
  

  如果你是运行iOS端项目，还需要同步安装iOS原生依赖：

  cd ios && pod install && cd ..
  

• 校验导入语句
  请确认代码中该模块的导入语句拼写完全正确，注意和@react-navigation/stack包区分：

  // 正确写法
  import { createNativeStackNavigator } from '@react-navigation/native-stack';
  

  不要出现大小写错误、多余/缺失符号的问题。
• 检查Babel配置
  确认项目根目录下的babel.config.js配置正确，默认配置参考如下：

  module.exports = {
    presets: ['module:metro-react-native-babel-preset'],
  };
  

  配置无异常的话可额外清除临时缓存文件：

  rm -rf /tmp/metro-*
  

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