You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Metro Bundler启动后无法加载,React Native安卓应用连接异常求助

解决React Native安卓应用无法加载内容且无法连接Metro的问题

排查USB连接与调试权限

  • 确认手机USB调试已开启:进入开发者选项(连续点击系统版本号激活),勾选「USB调试」「USB安装」,部分机型需额外勾选「USB调试(安全设置)」
  • 切换USB连接模式:选择「文件传输MTP」,不要用仅充电模式
  • 验证设备连接状态:终端执行adb devices,确保列表中你的设备状态显示为device;若显示unauthorized,需在手机上点击「信任此电脑」弹窗

配置Metro连接地址

  • 打开应用开发者菜单:摇晃手机,或执行终端命令adb shell input keyevent 82
  • 进入「Settings」→「Debug server host & port for device」,输入电脑局域网IP+Metro默认端口,格式如192.168.1.105:8081,保存后返回应用重新加载
  • 若同局域网连接有问题,执行USB反向代理命令:adb reverse tcp:8081 tcp:8081,把电脑的8081端口映射到手机

重置Metro与项目编译缓存

  • 停止当前Metro服务器(Ctrl+C),重新执行npx react-native start --reset-cache,清除缓存后启动服务
  • 清理安卓项目编译缓存:进入android目录,执行./gradlew clean,回到根目录再重新运行npx react-native run-android

检查基础配置与环境

  • 确认android/app/src/main/AndroidManifest.xml中已添加网络权限:
    <uses-permission android:name="android.permission.INTERNET" />
    
  • 关闭电脑防火墙、杀毒软件,避免拦截Metro与手机的连接
  • 暂时关闭手机VPN,部分VPN会阻断局域网通信

内容的提问来源于stack exchange,提问作者Avishkar Patil

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.11 03:15:32