☰

React Native 'hello world' クイックスタート:「開発サーバーに接続できませんでした」質問する

tag-icon • tag-icon android react-native
React Native 'hello world' クイックスタート:「開発サーバーに接続できませんでした」質問する

私はReact Nativeの「Hello World」を実行しようとしており、AndroidでUSBデバッグを使用しています。

react-native run-androidそれから私は走りましたreact-native start。

js ファイルは表示できますlocalhostが、携帯電話に「開発サーバーに接続できませんでした」というメッセージが表示されます。

を実行する指示に従いましたadb reverse tcp:8081 tcp:8081が、コマンドが存在しないことに気づいたので、adb forward tcp:8081 tcp:8081代わりに を実行しました。

まだ運がない。[メールアドレス]、Ubuntu 14.04。私の携帯電話はAndroid 6.0.1のNexus 5です。

携帯電話に へのアクセスを許可するにはどうすればよいですかlocalhost?

ちなみに、Wi-Fi 経由で動作していますが、USB 経由で動作させたいと思います。

ベストアンサー1

もう一つのシナリオですが、このエラーはコマンドの実行を忘れたときに発生しましたreact-native start。通常は次の手順に従います。ここ新しいプロジェクトを開始するとき。簡単に言えば、手順は次のとおりです (私の場合は Android)。

  • Android Studioを起動 -> AVDマネージャー -> aVDを選択してアクションから開始をクリック

  • 新しいプロジェクトを作成するディレクトリ内で、コマンド ラインを開いて次のコマンドを実行します。

    $ react-native init <Your new project name/it is also the registration name>
$ cd <the new directory you created>
$ react-native start  //This is the step that I forgot

  • 新しいコマンド プロンプトを開き、同じディレクトリ (先ほど作成したディレクトリ) 内で次のコマンドを実行して、AVD 上でアプリを起動します。

    $ react-native run-android

  • すべてが正しく設定されていれば、すぐに Android エミュレーターで新しいアプリが実行されるはずです。

  • プロジェクトのホームディレクトリにあるファイルindex.android.jsの最後の行には、上記の最初のコマンドで使用したのと同じ名前のAppレジストリが含まれています。

おすすめ記事