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

Question

我使用的是Mac OS X和Android Phone 4.4.2

当我将示例AwesomeProject应用程序部署到手机时，我会看到一个红色警告屏幕，其中显示＆＃34; 无法下载JS软件包。您是否忘记启动开发服务器或连接设备？＆＃34;

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

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

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

我应该如何开始，请帮助...

Answer 1

请仔细执行此步骤。

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

1. 首先运行以下命令   npm react-native start
2. 在同一个项目中打开其他窗口并运行以下命令 卷曲“http://jsfiddle.net/872e3/1/” - o“android / app / src / main / assets / index.android.bundle”
3. 这将在assets文件夹中创建index.android.bundle。
4. 运行以下命令 npm react-native run-android 现在你可以在build文件夹中获得apk，它可以正常工作。