React-native应用程序在第一次运行项目时显示白屏

Question

我已经通过运行 react-native run-android 设置了一个react-native应用程序，并尝试使用 react-native start 运行它。 Packager没有错误，但应用程序卡在白色屏幕上。我已经在我的移动设备和模拟器上尝试过了，但都失败了。此外，我还在设备开发人员设置中交叉检查了主机IP。 当我尝试在Google Chrome中运行http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle时，我得到{"type":"InternalError","message":"react-packager has encountered an internal error, please check your terminal error output for more details"} 我已经花了很多时间进入这个但却一无所获。有一些与白屏问题相关的链接，但这些是与他们使用的外部模块相关的一些代码问题，但我的只是一个没有添加任何内容的vanilla反应原生项目。

React-native version 0.46.4 平台 macOS Sierra版本10.12.2

尝试运行gradle clean并在 react-native run-android 之前删除了build文件夹。

任何帮助将不胜感激，提前谢谢。

Answer 1

我也遇到了同样的问题，并且能够通过更改我机器上的 package.json 文件来解决这个问题。

通过将node node_modules/react-native/local-cli/cli.js start更改为node_modules/react-native/scripts/packager.sh来更新package.json中的脚本，这将允许您的Android模拟器从本地计算机读取index.andriod.js文件。

还可以使用 npm start 来运行开发服务器。

我不知道为什么会导致这种情况，但是可以从Android模拟器的dev服务器读取问题。

感谢。

Answer 2

可能是因为软件包签名与设备上已安装的版本不匹配。卸载并再次运行。它对我有用。

Answer 3

每次安装后第一次运行应用程序时都会遇到此问题。只需退出应用程序，从RAM中清除它并再次打开。欢呼！这个问题已经解决了。