プロジェクトを最初に実行しているときに白い画面を表示するネイティブアプリケーション

Question

ネイティブrun-androidを実行して反応ネイティブアプリケーションをセットアップし、反応ネイティブスタートで実行しようとしました。 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"} を得ました。ホワイトスクリーンの問題に関連するリンクがいくつかありましたが、それらは使用していた外部モジュールに関連するコードの問題でしたが、私のものは何も追加されていないバニラのネイティブプロジェクトです。

リアクトネイティブバージョン0.46.4 プラットフォームのMacOSシエラバージョン10.12.2

がgradle cleanを実行しようとしたとも反応ネイティブ実行アンドロイド前にビルドフォルダを削除しました。

ご協力いただきありがとうございます。

Answer 1

私も同じ問題に直面しました。私のマシン上でpackage.jsonファイルを変更することでこれを解決できました。

node node_modules/react-native/local-cli/cli.js startをnode_modules/react-native/scripts/packager.shに変更してscript.jsonのスクリプトを更新します。これにより、あなたのAndroidエミュレータがローカルマシンからindex.andriod.jsファイルを読み取ることができます。

またのdevのサーバーを実行するためにNPM開始を使用しています。

なぜこれが原因であるのかわかりませんが、これはAndroidのエミュレータからdevサーバから読み込むことができます。

ありがとうございました。

Answer 2

インストール後最初にアプリケーションを実行したときにこの問題が発生しました。アプリケーションを終了し、RAMからクリアして、もう一度開きます。ハレイ！問題は解決されます。