执行react-native run-android时Metro打包器prop-types解析失败求助

你遇到的问题确实大概率和混用npm与yarn导致的依赖不一致有关——删除yarn.lock后用npm安装，会让本地依赖树的结构和其他电脑上的正常版本产生差异，进而引发Metro的模块解析错误。针对你的React Native 0.59.1版本，我整理了一套可行的修复步骤：

步骤1：彻底清理现有依赖与缓存 #

先把所有可能有问题的依赖和缓存全部清干净：

• 删除项目根目录的node_modules文件夹：

  # macOS/Linux
  rm -rf node_modules
  # Windows
  rmdir /s /q node_modules
  

• 删除所有包管理锁文件，避免后续安装时的冲突：

  rm package-lock.json yarn.lock
  

• 重置Metro打包器的缓存：

  npx react-native start --reset-cache
  

• 清理Android项目的构建缓存：

  # macOS/Linux
  cd android && ./gradlew clean && cd ..
  # Windows
  cd android && gradlew clean && cd ..
  

步骤2：用yarn重新安装依赖 #

因为项目原本是用yarn管理的（存在yarn.lock），所以统一用yarn来安装，确保依赖树和其他正常电脑完全一致：

yarn install

步骤3：重新运行项目 #

完成上述操作后，再执行启动命令：

react-native run-android

补充方案（如果上述步骤无效） #

如果还是出现prop-types的解析问题，可以手动在项目根目录安装prop-types，让Metro优先使用根目录的依赖而非react-redux嵌套的版本：

yarn add prop-types

问题原因解释 #

npm和yarn的依赖解析算法存在差异，混用两者会导致嵌套依赖的文件结构、版本出现异常。你遇到的情况就是react-redux下的prop-types包，其package.json中指定的main字段指向的文件不存在——这是npm安装时依赖树异常导致的，而通过yarn安装并锁定依赖结构（yarn.lock）就能避免这类问题。

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