android - react native : Unable to download JS bundle from the Dev Server

Question

我正在尝试通过 Genymotion 在 Windows 7 机器上运行基本的 AwesomeProject 应用程序，该应用程序默认具有 native react 。我尝试过的虚拟设备是 Nexus 7 4.2.2 和 Nexus 6 5.1.0。

我正在使用 Nodejs (4.3.0)

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

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

• 使用我的机器 IP 地址为设备更新调试服务器主机:8081

  • 返回到应用屏幕并点击重新加载 JS，但没有成功

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

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

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

谢谢。

Answer 1

好的!!

首先你需要做 react-native start。

当应用程序部署到设备上时，您可以点击菜单按钮或摇动您的手机来加载菜单，大多数现代手机没有菜单按钮。 加载时 找到开发设置。 在下面的调试中，单击 Debug Server host and port for device 把你的系统本地网络 IP 分配给你的 DHCP。 你可以在 ubuntu 上执行 ifconfig 来查看你的 IP。

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

您将准备就绪。 :)

重要提示:确保您的手机和系统使用同一 WIFI。