1. ホーム
  2. android

[解決済み] AndroidでReact Nativeの開発サーバーに接続できない

2022-02-18 15:09:32

質問

を実行すると react-native run-android を実行すると、次のようなエラーが発生します。

開発サーバーに接続できませんでした

  • パッケージサーバが動作しており、ブラウザから直接アクセスできる。 をモバイル端末で使用することができます。
  • 私のAndroidデバイスはコンピュータに接続され、デバッグが有効になっています(I. を使用して確認しました。 adb devices コマンドを実行します)。
  • 私のAndroidのバージョンは4.4.4なので、このような場合は adb reverse コマンドを使用します。
  • Dev設定でIDアドレスとポートを設定しました。
  • USBデバッグがオンになっている。
  • Windows 7を使用しています。

このエラーを修正する方法を教えてください。

解決方法は?

ドキュメントから http://facebook.github.io/react-native/docs/running-on-device.html#method-2-connect-via-wi-fi

方法2:Wi-Fiで接続する

開発サーバーへの接続は、Wi-Fiでも可能です。その場合は
まず、USBケーブルを使って端末にアプリをインストールする必要がありますが
以下の手順で、ワイヤレスでデバッグすることができます。
の指示があります。開発マシンの現在のIPが必要です
のアドレスが表示されます。

ターミナルを開き、/sbin/ifconfigと入力して、マシンのIPを確認します。 のアドレスが表示されます。

  1. ノートパソコンと携帯電話が同じWi-Fiネットワーク上にあることを確認してください。
  2. デバイスでReact Nativeアプリを開きます。
  3. 赤い画面が表示され、エラーが発生します . これはOKです . 次の手順で修正します。
  4. アプリ内の「開発者」メニューを開きます。
  5. Dev Settings → Debug server host for device を選択します。
  6. マシンのIPアドレスとローカルの開発サーバーのポート(例:10.0.1.1:8081)を入力します。
  7. デベロッパーメニューに戻り、「JSの再読み込み」を選択します。