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
相关产品推荐
相关产品推荐

