无法连接远程调试器

我正在使用React.JS，当我这样做时react-native run-android（插入设备），我看到一个空白页。当我摇动设备并Debug JS Remotely从选项列表中进行选择时，会看到以下屏幕。

仅供参考：

OS: Ubuntu 16.04
Node version is: v4.6.2
java version "1.8.0_111"
react": "15.4.1
react-native": "0.38.0

在我的情况下，问题是仿真器正在请求：

http://10.0.2.2:8081/debugger-ui

代替：

http://localhost:8081/debugger-ui 并且请求失败。

解决此问题的方法：在模拟器上启用远程调试之前，请http://localhost:8081/debugger-ui在chrome中打开。然后启用远程调试，并返回到chrome页面，您应该在其中查看控制台日志。

解决了以下问题：

• Cmd + M在模拟器屏幕上按
• 去 Dev settings > Debug server host & port for device
• 组 localhost:8081
• 重新运行android应用： react-native run-android

调试器已连接！

我解决了adb reverse tcp:8081 tcp:8081，然后reload在手机上解决了。

就我而言，选择“ 调试JS远程启动Chrome”，但未与android设备连接。通常，新的Chrome标签/窗口在地址栏中会预先填充调试URL，但是在这种情况下，地址栏为空白。超时时间过后，显示“无法与远程调试器连接”错误消息。我通过以下过程解决了这个问题：

• 跑 adb reverse tcp:8081 tcp:8081
• 粘贴http://localhost:8081/debugger-ui到我的Chrome浏览器的地址栏中。您应该会看到正常的调试屏幕，但是您的应用仍然无法连接。

那应该解决问题。如果没有，您可能需要执行以下附加步骤：

• 从您的Android设备关闭并卸载该应用
• 重新安装应用程序 react-native run-android
• 在您的应用上启用远程调试。
• 您的应用现在应该已连接到调试器。

我有一个类似的问题使我想到了这个问题。在我的浏览器调试器中，我收到以下错误消息：

通过CORS策略阻止从源“ http://127.0.0.1:8081 ” 访问“ http：// localhost：8081 / index.delta？platform = android＆dev = true＆minify = false ” 处的抓取：否'Access-Control -Allow-Origin'标头出现在请求的资源上。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”，以在禁用CORS的情况下获取资源。

我花了一段时间才意识到我正在使用127.0.0.1:8081而不是localhost:8081调试器。

要解决此问题，我只需要将Chrome从以下位置更改：

http://127.0.0.1:8081/debugger-ui/

至

http://localhost:8081/debugger-ui/

确保提供捆绑软件的节点服务器在后台运行。要运行启动服务器，请使用npm start或react-native start在开发过程中保持选项卡打开

我的情况是，当我点击启用远程JS调试时，它将启动chrome，但无法连接到它。

我尝试运行：

adb reverse tcp:8081 tcp:8081 

，但没有用。

我完全卸载了chrome，然后安装了新的Chrome。而且有效。

1. react-native start --reset-cache 在一个选项卡中，react-native run-android在另一个选项卡中
2. adb reverse tcp：8081 tcp：8081（因此您可以将其添加到脚本中，然后运行yarn run adb-reverse）
3. 如果您使用的是Android，则可以运行adb命令，而不是摇动手机，这是一个很好的技巧。

这样就可以运行：

• adb shell输入keyevent 82（菜单选项）
• adb shell输入keyevent 46 46（重新加载）

这里的其他答案对我来说却缺少关键的一步。在AndroidManifest.xml中，我需要添加usesCleartextTraffic：

    <application
      ...
      android:usesCleartextTraffic="true">

但是，除非您希望支持不安全的http请求，否则您可能不希望将其保留在应用程序的生产版本中。

在将其添加到AndroidManifest.xml中之后，我遵循了Tom Aranda的回答，并且模拟器终于能够连接到调试器。

我做了@sajib的答案，并使用此脚本重定向端口：

#!/usr/bin/env bash

# packager
adb reverse tcp:8081 tcp:8081
adb -d reverse tcp:8081 tcp:8081
adb -e reverse tcp:8081 tcp:8081

echo "🚧 React Native Packager Redirected 🚧"

卸载您的应用程序，然后运行react-native run-android。然后单击chrome中的debug结束，替换为http：// localhost：8081 / debugger-ui /，结束运行react-native run-android。如果您仍然没有成功，请再试一次

专家开发人员特别Ribamar Santos提供了所有令人印象深刻的答案，如果您无法正常使用，则必须检查一些更棘手的内容！

就像Airplane mode您的（模拟）电话一样！或者您的network status of Emulator（Data status and Voice status on Cellular tab of Emulator configuration）可能被操纵为不表示网络！对于某些仿真需求！

我已经通过这个技巧克服了这个问题！找到这个漏洞真是令人叹为观止！

就我而言，它还需要安装它的npm软件包

所以

npm install react-native-debugger -g

尝试添加这个

package.json

devDependencies: {
//...    
    "@react-native-community/cli-debugger-ui": "4.7.0"
}

终止一切。

• npm install
• npx react-native start
• npx react-native run-android

参考：https : //github.com/react-native-community/cli/issues/1081#issuecomment-614223917