android - 使用 react-native 在真实设备上获取红屏

Question

我正在使用 Mac OS X 和 Android Phone 4.4.2

当我将示例 AwesomeProject 应用程序部署到手机时，我收到一个红色警告屏幕，上面写着“无法下载 JS 包。您是否忘记启动开发服务器或连接您的设备？”

但是，我已经启动了本地开发服务器并将手机连接到同一个 wifi。此外，当我输入“adb devices”时，我可以看到我的设备。

我还在Dev settings下添加了服务器的IP和端口。

我在网上找到了输入 adb reverse tcp:8081 tcp:8081 的建议，但我的手机不是 android 5.0，顺便说一句，这是 dab reverse 命令所需的最低要求。

我应该如何启动它，请帮助...

Answer 1

请仔细执行此步骤。

注意:所有命令只需要在项目内运行。

1. 首先运行下面的命令 npm react-native start
2. 在同一项目中打开其他窗口并运行以下命令 curl "http://localhost:8081/index.android.bundle?platform=android "-o "android/app/src/main/assets/index.android.bundle"
3. 这将在 Assets 文件夹中创建 index.android.bundle。
4. 运行以下命令 npm react-native run-android 现在您可以在构建文件夹中获取 apk，这将正常工作。