React Native：无法从开发服务器下载 JS 包

Posted 2023-02-25

【中文标题】React Native：无法从开发服务器下载 JS 包

【英文标题】：React Native: Unable to download JS bundle from the Dev Server

【发布时间】：2016-05-24 05:02:12

【问题描述】：

我正在尝试通过 Genymotion 在 Windows 7 机器上运行默认情况下反应原生的基本 AwesomeProject 应用程序。我尝试过的虚拟设备是 Nexus 7 4.2.2 和 Nexus 6 5.1.0。

我正在使用 Nodejs (4.3.0)

我按照以下步骤解决了 JS 捆绑问题，但仍然没有成功：

在 Genymotion 中启动虚拟设备 react-native run-android //在虚拟设备上部署应用 然后出现红屏并显示错误消息 react-native start //启动服务器

为我的机器 IP 地址为 8081 的设备更新了调试服务器主机

返回应用界面点击Reload JS，但没有成功

我也尝试过重新安装守望者，相关帖子中的许多人都建议这样做，但仍然没有成功。

此外，我在 React.js 官方文档上看到了另一种解决方案，即执行此命令“adb reverse tcp:8081 tcp:8081”，然后启动服务器并更新 IP 地址和分别为端口。但是如果我在我的个人设备而不是模拟器上测试应用程序，这个解决方案很有用。

非常感谢任何建议或替代解决方案。

谢谢。

【参考方案1】：

好的！！

首先你需要做 react-native start。

当应用程序部署在设备上时，您可以点击菜单按钮或摇动您的手机来加载菜单，大多数现代手机没有菜单按钮。 加载时 找到开发设置。 在下面的调试中，单击设备的调试服务器主机和端口 将您的系统本地网络 IP 由 DHCP 分配给您。 你可以在 ubuntu 上做 ifconfig 来查看你的 IP。

把你的 IP 地址像这样 192.168.x.x:8081 重新加载 JS。

您将一切就绪。 :)

重要提示：确保您的手机和系统在同一个 WIFI 上。

【讨论】：

重要：确保您的手机和系统在同一个WIFI上。

【参考方案2】：

启动打包器：

react-native start

在浏览器中访问此网址

http://localhost:8081/index.android.bundle?platform=android

一旦加载，它应该会提供比您拥有的更好的错误响应。

【讨论】：

启动服务器后，当我点击 URl 没有加载任何内容时，我在调试服务器主机选项下输入了我的公共 IP 地址。还是我必须输入我的私有 IP？

【参考方案3】：

当我在连接到我的工作 *** 时运行 react native 打包程序时遇到了这个问题，一旦我断开我的工作 *** 连接，打包程序就能够为我的应用选择正确的 IP 接口。