无法在 React Native for Android 中连接到开发服务器答案

【问题标题】：Unable to connect to development server in React Native for Android无法在 React Native for Android 中连接到开发服务器
【发布时间】：2020-12-24 01:54:01
【问题描述】：

我正在尝试在模拟器上打开我的 react-native 应用程序，但在初始加载后我一直面临红屏错误。

以下是我的一些观察--

当我从项目根目录运行react-native run-android 时，adb 正在端口 8081 上运行。请参阅屏幕截图。
当应用程序首次启动时，它会正确显示默认屏幕。请参考下面的截图。
虽然它要求编辑 index.android.js，但我已经在该文件中添加了代码。 我不知道为什么它在第一次加载时没有加载屏幕。请参阅下面的屏幕截图。
当我通过双击键盘上的“R”重新加载此屏幕时，我看到红屏错误提示无法连接开发服务器。
我将默认端口 8081 更改为文件 server.js 中的某个其他端口号，并在设备上的开发人员菜单中提供了相同的端口号和我机器的 IP 地址。

完成上述所有步骤后，仍然出现无法连接开发服务器的红屏错误。 我确信我错过了一些愚蠢的事情，我需要连接这些点并使应用程序运行。请帮我。提前致谢！

编辑 1：

运行react-native start后，系统卡在这一步，什么也没有发生。

【问题讨论】：

以下答案解决了我的问题。 stackoverflow.com/a/48782661/1533666

标签： android react-native adb

【解决方案1】：

确保您已运行react-native start 如果是这样，您可以尝试运行adb reverse tcp:8081 tcp:8081

希望对你有帮助。

【讨论】：

抱歉，隔了很久才出现在这个帖子上！每当我运行react-native run-android 时，我都会收到错误消息——js server not recognized continuing with build。我也跟着你的步骤，每当我运行命令react-native start 有或没有重置缓存，系统在步骤Loading dependency graph, done 之后保持静止，之后没有任何反应。请参考问题中添加的快照。

【解决方案2】：

如果您使用的是 android-28 及更高版本，您可能需要在 AndroidManifest 中添加 android:usesCleartextTraffic="true"。

【讨论】：

【解决方案3】：

我的问题是我错误地配置了network_security_config.xml 文件，根据docs，我使用android:networkSecurityConfig="@xml/network_security_config" 添加到清单中的应用程序标签中。

在 android-28 及更高版本中，android:usesCleartextTraffic 默认禁用（感谢@MiguelPanelo），这意味着 localhost 在使用该配置文件时会被阻止。当我删除该文件时，它起作用了。但是，经过进一步检查，我发现我可以为 localhost 添加另一个 <domain-config> 标签以及我出于安全目的放入的其他标签，如下所示：

<domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="true">localhost</domain>
</domain-config>

【讨论】：

【解决方案4】：

确保您在更改 index.android.js 中的代码时没有在服务器中收到任何错误。 因为您可能在服务器中遇到的错误可能会导致服务器在内部断开连接。所以，

尝试关闭服务器。
运行 react-native start --reset-cache
重新加载应用程序。

它可能会解决您的问题。希望对您有所帮助。

【讨论】：

对不起，这么久才出现在这个帖子上！每当我运行react-native run-android 时，我都会收到错误消息——js server not recognized continuing with build。我也跟着你的步骤，每当我运行命令react-native start 有或没有重置缓存，系统在步骤Loading dependency graph, done 之后保持静止，之后没有任何反应。请参考问题中添加的快照。