Android模拟器卡在10.0.0.2:8081加载界面，求排查问题原因

看起来你已经走完了基础的项目创建和运行流程，但遇到了React Native里很常见的加载卡住问题，我帮你整理几个实用的排查步骤，试试逐个解决：

1. 先确认JS服务和模拟器的网络连通性 #

打开模拟器里的浏览器，输入地址 http://10.0.0.2:8081/index.bundle?platform=android：

• 如果能正常加载出一堆代码，说明网络通路没问题；
• 如果打不开，大概率是JS服务没正常运行，或者模拟器的网络连接异常。

2. 手动重启JS服务并重新加载 #

• 先在终端按 Ctrl+C 停止当前的JS服务，然后重新启动：

  react-native start
  

• 接着在模拟器里调出开发者菜单（按 Ctrl+M 或者摇晃模拟器），选择 Reload 重新加载应用；也可以进入 Dev Settings -> Debug server host & port for device，确认地址是 10.0.0.2:8081，如果还是不行，换成你电脑的局域网IP（比如 192.168.1.100:8081）试试。

3. 重新配置ADB反向代理 #

虽然命令里已经执行了反向代理，但有时候会莫名失效，手动再跑一遍：

adb -s emulator-5554 reverse tcp:8081 tcp:8081

执行完后回到模拟器重新加载应用。

4. 清除缓存后重新构建 #

缓存问题是React Native里的常客，试试这两步：

• 清除RN项目缓存，重启服务：

  react-native start --reset-cache
  

• 进入项目的android目录，清除Android构建缓存：

  ./gradlew clean
  

然后重新运行 react-native run-android。

5. 尝试更换模拟器API版本 #

你当前用的是Android 6.0（API 23），部分新版本的React Native对旧API版本可能存在兼容问题，试试创建一个Android 10及以上版本的AVD，再运行项目看看是否正常。

如果以上方法都没解决，记得看看JS服务的终端输出，有没有端口占用、依赖缺失之类的报错信息，这些细节能帮你更快定位问题。

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