Android 4上“无法下载JS包”错误

Question

我正在使用Windows上的React Native，我的手机出现了问题（Android 4.1.2）。

我正在关注快速入门教程但是，我在“在设备上运行”指南中遇到了问题。 （http://facebook.github.io/react-native/docs/running-on-device-android.html#content） 我不能使用adb reverse，因为我的Android 4.1而不是Android 5.0+。如果我尝试，我有一个错误：关闭。

我的问题是第二部分：配置设备通过Wi-Fi连接到开发服务器。 当我转到“开发者选项”时，我不明白如何编写机器的IP地址。我可以使用手机的浏览器访问我的开发服务器，但在我的应用程序中，我只有红色页面，错误“无法下载JS软件包”。

如何尝试解决此错误？

由于

Answer 1

我自己还没有完成Android的这些步骤，但是对iOS而言并假设它基本上是相同的概念。我不清楚你是否能够成功完成所有这些步骤......是吗？

配置设备以通过Wi-Fi连接到开发服务器

1. 打开愤怒摇动菜单（摇动设备）或运行adb shell input keyevent 82
2. 转到Dev Settings
3. 转到Debug server host for device
4. 键入您计算机的IP地址和打包程序的端口（例如10.0.1.1:8081）和Reload JS。在Mac上，您可以在“系统偏好设置/网络”中找到IP地址。

我怀疑您在步骤4中被挂断了，您需要在其中输入您的Windows机器加端口的IP地址debug server host for device。这是你指向JSBundle的地方。在iOS上，我们使用开发机器的IP地址更新AppDelegate.m文件。我必须更多地使用Android来熟悉您的情况。

Answer 2

我认为最重要的是修复＆＃34;无法下载js bundle＆＃34;是我们必须首先启动本地服务器才能加载js bundle

1. 运行react-native run-android（你的应用程序将在此步骤中加载红屏等）

2. 运行react-native start（启动本地服务器）

3. 在设备上，摇动以进入开发人员菜单

4. 点击Reload JS，它可以工作：）

Answer 3

我已更新documentation以使其更清晰：

1. 确保您的笔记本电脑和手机位于同一Wi-Fi网络上。
2. 在您的设备上打开您的React Native应用。
3. 您会看到一个错误的红色屏幕。还行吧。我们将在以下步骤中解决此问题。
4. 通过摇动设备或从命令行运行adb shell input keyevent 82打开开发人员菜单。
5. 转到开发设置。
6. 转到设备的调试服务器主机。
7. 键入您计算机的IP地址和本地开发服务器的端口（例如10.0.1.1:8081）。 在Mac ，您可以在系统偏好设置/网络中找到IP地址。 在Windows上，打开命令提示符并输入ipconfig以查找您计算机的IP地址（更多信息）。
8. 返回“开发人员”菜单并选择重新加载JS 。

Answer 4

好的，所以我整天都在努力工作。我最终还是需要设置我的Android环境，所以我想现在也可以这样做，并尝试在同一时间提供帮助。我还没有完成这项工作，但我认为它应该如何运作...

1. 通过USB连接设备
2. 请务必enable USB debugging on your device
3. 确保没有模拟器正在运行并且从终端运行 react-native run-android这应该会将应用加载到您的手机上。
4. 在您的应用运行时，运行adb shell input keyevent 82，这将打开开发设置菜单
5. 开发设置＆gt;调试设备的服务器主机
6. 输入您机器的IP地址和打包器的端口（例如 10.0.1.1:8081）和Reload JS

我个人无法通过上面的第3步获得RSoD（死亡的红屏），所以我试图弄明白这一点。我发布这个是因为你可能会有更好的运气通过这一步。希望这可以帮助。