Android用React Nativeの開発サーバーに接続できません

Question

エミュレータで反応ネイティブアプリケーションを開こうとしていますが、最初の読み込み後に赤い画面エラーが発生し続けています。ここで

が私の観察のほんの一部です -

1. 私は私のプロジェクトのルートディレクトリからreact-native run-androidを実行すると、ADBは、スクリーンショットを参照してくださいポート8081上で実行されています。

2. アプリが最初に起動すると、デフォルトの画面が正しく表示されます。以下のスクリーンショットを参照してください。

3. index.android.jsの編集を依頼しても、私はすでにそのファイルにコードを追加していました。 最初のロードで画面が読み込まれない理由がわかりません。下記のスクリーンショットを参照してください。

4. キーボードで「R」をダブルタップしてこの画面をリロードすると、開発サーバーを接続できなかったという赤い画面のエラーが表示されます。

5. デフォルトのポート8081をファイルserver.jsの他のポート番号に変更し、デバイスの開発者メニューで同じポート番号とマシンのIPアドレスを指定しました。

上記の手順をすべて実行しても、開発サーバーを接続できないという赤い画面エラーが表示されます。 私は、これらのドットを接続してアプリケーションを実行させるために必要な、愚かなものを紛失していると確信しています。 私を助けてください。前もって感謝します！

EDIT 1：react-native startを実行した後

、システムは、この段階で立ち往生し、何も起こりません。

Answer 1

あなたは

adb reverse tcp:8081 tcp:8081はそれが役に立てば幸い実行してみることができ、その場合はあなたがreact-native start を走っていることを確認します。

Answer 2

index.android.jsのコードを変更している間に、サーバーでエラーが発生していないことを確認してください。 サーバーにエラーが発生すると、サーバーが内部接続を切断する可能性があるためです。したがって、

• サーバーを閉じます。
• run react-native start --reset-cache
• アプリをリロードします。

問題が解決する場合があります。 希望があれば幸いです。