React Native Android多构建变体下Metro无法连接的解决方法求助

• 确保构建变体开启调试模式
  在对应变体的build.gradle配置中，明确设置debuggable true，比如：

  android {
    buildTypes {
      customDebug {
        debuggable true
        // 其他配置...
      }
    }
  }
  

  只有开启调试模式的变体，才能和Metro建立调试连接。

• 验证AndroidManifest.xml配置
  确保变体对应的Manifest文件包含以下必要配置：

  • 网络权限：<uses-permission android:name="android.permission.INTERNET" />
  • 应用的application标签下添加android:usesCleartextTraffic="true"（针对Android 9+，允许明文连接Metro）
  • 确认调试相关组件存在，比如com.facebook.react.devsupport.DevSettingsActivity

• 配置调试服务器地址
  在build.gradle中给目标变体注入调试服务器地址，避免手动设置的麻烦：

  android {
    buildTypes {
      customDebug {
        resValue "string", "debug_http_host", "localhost:8081"
      }
    }
  }
  

  这样应用会自动指向本地Metro服务器。

• 手动执行端口转发
  启动应用后，在终端执行以下命令，确保adb端口转发正常：

  adb reverse tcp:8081 tcp:8081
  

  部分自定义变体可能不会自动触发端口转发，手动执行可解决连接问题。

• 通过开发者菜单指定服务器地址
  打开应用的开发者菜单（摇一摇设备，或执行adb shell input keyevent 82），选择"Settings" -> "Debug server host & port for device"，输入你的电脑局域网IP+Metro端口（比如192.168.1.100:8081），然后重启应用。

• 确认构建变体的签名配置
  如果你使用的自定义变体没有使用调试签名，可能会限制调试功能。确保变体的签名配置指向调试密钥库：

  android {
    signingConfigs {
      debug {
        storeFile file('debug.keystore')
        storePassword 'android'
        keyAlias 'androiddebugkey'
        keyPassword 'android'
      }
    }
    buildTypes {
      customDebug {
        signingConfig signingConfigs.debug
        // 其他配置...
      }
    }
  }
  

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