You need to enable JavaScript to run this app. 运行react-native run-android后React Native应用卡8081端口仅显示绿条,改配置无效
优惠活动
大模型
产品
解决方案
定价
更多

运行react-native run-android后React Native应用卡8081端口仅显示绿条,改配置无效

安卓模拟器下React Native卡加载localhost:8081的实操排查方案

常见无效操作说明

网上流传的“在调试服务器设置里手动填写局域网IP+8081端口”的解决方案,仅适配USB连接的真机场景,对安卓模拟器完全不生效。
安卓模拟器是独立的虚拟网络运行环境,它内部的localhost指向的是模拟器自身的虚拟安卓系统,而非运行Metro打包服务的本地电脑,这种天生的网络隔离,就是反复调整调试设置、输入IP地址都无法加载内容的核心原因。

分步排查操作

  • 执行模拟器专属的端口映射命令,直接打通模拟器到本地Metro服务的网络通道,无需修改应用内任何调试配置:
    adb -s emulator-5554 reverse tcp:8081 tcp:8081
    命令执行完成后,摇一摇模拟器调出开发者菜单,选择「Reload」重新加载应用即可。
  • 排查本地8081端口的异常占用:执行命令lsof -i :8081查看端口监听状态,如果发现有非node的残留进程占用端口,直接终止对应进程,再带缓存重置参数重启Metro服务:
    npx react-native start --reset-cache
  • 检查模拟器的网络代理配置:如果之前配置过模拟器Wi-Fi的代理地址,会把原本指向本地的8081请求错误转发到外部代理服务器,直接将模拟器Wi-Fi设置里的代理选项改为「无」,再重新加载应用。
  • 排除Metro服务的绑定异常:如果之前启动Metro时错误指定了特定网卡的绑定地址,即使完成端口映射也无法正常通信,直接终止所有残留的node进程,用默认参数重新启动Metro即可。

内容的提问来源于stack exchange,提问作者Nishant Kumar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.11.01 17:54:08