React Native项目编译失败且web连接异常：无法解析./RCTNetworking模块

这个报错是React Native核心库的模块映射链路断裂，不属于业务代码逻辑问题，可按照以下优先级逐步排查解决：

第一步：修复损坏的依赖安装 #

• 八成以上的这类报错，是依赖安装过程中断、node_modules文件损坏导致的，核心库的对应文件根本不存在。
  先打开报错提示的目标目录 node_modules/react-native/Libraries/Network/，检查目录下有没有RCTNetworking.ios.js、RCTNetworking.android.js这两个文件，如果文件缺失，直接执行以下命令清理重装依赖：

# 删除全量node_modules，注意你的项目是子目录结构（/app路径下），要单独把子目录下的node_modules也删掉
rm -rf node_modules
# 删除对应包管理器的锁文件
rm -f package-lock.json yarn.lock pnpm-lock.yaml
# 重新安装依赖
npm install # 可根据自己用的包管理器替换为 yarn install / pnpm install

第二步：清理全链路无效缓存 #

• 依赖文件本身是全的，但各环节的构建缓存存了过期的模块路径映射，也会出现找不到文件的报错，需要逐环节清理缓存：
  1. 启动Metro服务时携带强制重置参数，跳过所有旧缓存：

npx react-native start --reset-cache

2. 清理Android端Gradle的无效构建产物：

cd android && ./gradlew clean

3. 清理iOS端CocoaPods的缓存（如果涉及iOS端调试）：

cd ios && rm -rf Pods Podfile.lock && pod install

第三步：排查版本错位问题 #

• 重装依赖、清完缓存仍然报错的话，就需要检查版本匹配关系：
  • 如果是基于Expo开发的项目，确认安装的react-native版本和当前项目使用的Expo SDK版本完全对应，手动安装不匹配的高/低版本RN，会直接导致核心库文件路径错位
  • 执行npm ls react-native排查依赖树，确认项目里没有嵌套安装的多版本react-native，多版本共存会导致模块解析时取到错误路径下的文件

第四步：修正打包工具的配置错误 #

• 如果项目同时接入了React Native Web开发，需要检查Webpack、Metro的模块别名配置，有没有错误把react-native/Libraries/Network的路径指向了本地不存在的文件路径，修正对应alias配置后重新编译即可。

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