まだ問題があります：
反応16.0.0-alpha.6
RN 0.44.3
ノード8.2.1
npm 5.3.0
XCode 8.3.3
iOS10.3シミュレーター

だから私はこれらの以前のバージョンで作業する必要がありますか？

私はこれに会い、それを処理することはできません....

最新バージョンに何か問題がありますか？

パッケージャは実行されていますか？ react-native run-androidを実行すると、表示されるはずです。 react-native startを使用して単独で起動することもできます。 ここでの問題は、パッケージャーがまったく起動していないことであるかどうかを確認したいと思います。

はい、パッケージャーは実行されています。 コマンドreact-nativerun-androidを実行すると、ノードjsウィンドウが開き、パッケージャーが8081で実行されていることと、「依存関係グラフの読み込みが完了しました」と表示されます。
しかし、システムブラウザで「 localhost：8081 / index.android.js 」を試してみると、「このサイトにアクセスできません」というエラーが表示されます。

しかし、通常のnodejs apiを作成してブラウザーでテストすると、正常に開かれます。

同じ問題があります。 iOSシミュレーターは正常に動作します、ところで

RNで新しいプロジェクトを作成しようとすると、毎回新しいバグの壁にぶつかったように見えます。
次は来月もう一度やってみてください、私は推測します...

同じ問題。 誰かがそれを解決しますか？

実行してみてください：
adb reverse tcp:8081 tcp:8081
コマンドプロンプトで、その後プロジェクトを再実行します。

@ashafizullah ：私もそれを試しました。 しかし、それでも運はありません。

私のデバイスでも起こります。

USBを接続し、adbを逆にして、パッケージャーを実行しています。

デバイスのブラウザで次のリンクを開くと、バンドルが正常に読み込まれます。

http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

したがって、Javaコード自体に何か問題があるのではないかと思います。

これに関する解決策はありますか？ 私もここで立ち往生しています。 iOSプロジェクトでは完全に機能します

私は同じ問題を見てきました、そしてそれはアンドロイドアプリがこの許可を持っていないからです：

<uses-permission android:name="android.permission.INTERNET" />

したがって、AndroidコードがアプリからリモートURLにアクセスできることを確認してください。

私は同じ問題を抱えていますが、誰もそれを解決できませんか？

私も同じ問題に直面しています。誰かが解決策を見つけたら、それを投稿してください。 ありがとう。

私は同じ問題を抱えています、私はadb reserved tcp：8081 tcp：8081を実行し、次に同じネットワークコンピュータとモバイルを確認します、そして私は開発設定IP：8081を実行しますが、この問題を解決した開発サーバーに接続できませんでした、非常に感謝します君

やあみなさん。 私はreact-nativeでconsole.dir（）を使用し、この動作を取得しました。 そして、console.dir（）はbrowser.window関数であり、react-nativeを備えたブラウザーがないため、これは正常だと思います。 console.dir（）を削除した後-私のアプリは動作しました。

Macでも同じ問題に直面していますが、ニュースはありますか？

デバイステストでも同じ問題があります。

Android 4.1.2

おい。 アンドロイドバージョンが5.0未満の人は、USBの代わりにwifi接続を使用しようとしましたか？ 私のアプリは、wifi経由で接続された後、Android 4.3（Huawei mediapad T1 8.0）で正常に起動します

この問題がありました。私にとっては、postgresSQLで使用されていたのはポート8081でした。

今日も同じ問題があります。
Android4.4.2および6。

ここでも同じ問題。 短いスリープ時間の後にMacを再度開くたびに発生します。 誰かがこれを解決しましたか？
adb reverse tcp:8081 tcp:8081 -これは私にはうまくいかないようです

inotifyの制限を変更することでエラーが解決しました。
このリンクはhttps://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchersに役立ちました

同じこの問題、私を助けて

ローカルホストから実行しようとしても同じ問題が発生します。 ブラウザとエミュレータで動作しますが、物理デバイスでは動作しません

デバイスとエミュレーターの両方からのAndroidの同じ問題。 パッケージャに接続できないようです。 物理デバイスに対して「adbreverse ...」を実行します。 また、カスタムポートで実行しているため、「react-native start --port 8088」を実行してから、アプリのdev設定でIPaddress：8088を設定します。

質問：アプリ（Androidデバイス上）とWindows PCで実行されているパッケージャーの間の接続を誤って見つける方法はありますか？

「接続できません」タイプのエラー表示だけが表示され、パッケージャにログメッセージがないことに注意してください。 \

更新：「adbreverse --list」を実行すると、2つのリバースエントリがあることがわかりました。 私がこれを修正した後、うまくいったようです。 まだ「ホワイトページ」しかありませんが、それは別の問題だと思います。

Androidと同じ問題、iOSは動作します...

どうすればこれが起こりますか
私も同じ問題に遭遇しました、
しかし、以前はすべてがうまく機能していました
次に、無限ループが発生し、デスクトップがかなり遅くなります
そこで、react-nativestartから取得したエミュレーターとメトロバンドラーを閉じることにしました。
私は以下のこのコードを試しましたが、まったく運がありません
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

同じ問題に直面していて、この数日後に無駄になりました。 デフォルトのポート8081が私のマシンでブロックされていたことがわかりました。 https://github.com/facebook/react-native/issues/10715の手順に従ってポートを変更し、機能するようになりました。

デバイスのWebブラウザでこのURLを開いてみてください。

http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

@kevinresol 、パッケージマネージャーがポート8081で開始したと言って、ブラウザーからアクセスできない場合は、ファイアウォールによってポートがブロックされている可能性があります。 デフォルトのポートを変更するか、ポートを開くことができるかどうかを確認してください。

以前の投稿で述べたように、デバイスのブラウザからバンドルにアクセスできます。

@kevinresolとまったく同じ問題が発生しています。 ブラウザでバンドルを確認できますが、エラーが解決しません。 私はエミュレーターを使用していますが、それでもadb reverseを試しましたが、うまくいきませんでした。

@ bruno02100 Windowsを使用していて、wifi経由でアクセスしている場合は、ファイアウォールを無効にしてみてください。 それで問題が解決するかどうかを確認してください。

@jerrykurian私はAndroidエミュレーターを実行しているMacを使用しています。ファイアウォールはすでにオフになっています。 その本当に奇妙です。

$ Dev SettingsでDebug server host & port for deviceを192.168.x.x:8081に設定した後（電話をシャークすると、メニューがポップアップ表示されます）
それは私のために働いています

PS：バンドルを手動で作成する必要はありません。正常に接続されると自動ビルドされます

私はwifiの問題やwifiの解決策は話題から外れていると思います。 OPはadb reverse $を使用してUSB経由でlocalhostに接続することについて話していました

このエラーは、エミュレータがしばらく稼働した後にのみ発生することに気づきました。 したがって、今のところ、このエラーが表示されるたびに、エミュレーターを再起動して、react-nativerun-androidを実行します。 本当に面倒ですが、これを調べる時間があまりないので、やらなければなりません。

Android Studioを介してビルドした後、開発サーバーに接続できますが、コードを編集するときにコードを更新すると、デバイスまたはエミュレーターがサーバーに接続できません。

私の依存関係
"react"： "16.0.0"、
"react-native"： "0.50.4"、

デバイスにデバッグサーバーのホストとポートを手動で設定する@xlebennyのソリューションが、新しく排出されたCRNAプロジェクトで機能したことを確認できます。

AndroidでCRNAを取り出して実行するためのステップバイステップ

ターミナル内：

1. create-react-native-app myApp
2. cd myApp
3. yarn run eject （デフォルトのオプション「通常のReact Nativeプロジェクト」を使用しました）
4. react-native run-android

（これで、アプリをコンパイルして電話にインストールする必要があります）

電話で：

1. アプリを実行します（赤いエラー画面が表示されることを期待してください！-左下の[閉じる]ボタンをクリックしてください）
2. 電話を振って、開発設定を選択します
3. デバイスのデバッグサーバーのホストとポートを選択し、192.168.xx：8081に設定します（もちろん実際のLAN IPにします）
4. 電話でアプリを再起動すると、上部に「192.168.xx：8081から読み込んでいます...」という緑色のバーが表示されます。
5. また、Metro Bundler（ react-native run-androidの実行時に開いた）で「バンドルindex.js 」アクションが表示されるはずです。
6. バンドルが完了すると、アプリはAndroidデバイスで実行されます。

ライブリロード（ソースファイルが変更された場合）は引き続き可能です-電話を振って[ライブリロードを有効にする]をタッチするだけです

@ashafizullahは、そのコマンドがどのように問題を解決したかを説明できますか。 ありがとう

@ plong0は私のためにそれを解決しました！

@ bruno02100が指摘しているように、このエラーは、デバイスを長期間開いた場合に表面化するようです。 エミュレーター設定でクイックブートを無効にすると、解決しました👍

adb shellと入力し、ローカルサーバーでリッスンしているかどうかを確認しますか？ 開発設定でサーバーのIPとポートを設定します。これで修正されます。

@ plong0助けてくれてありがとう、でも助けにはならなかった。
MACを使用してAndroidデバイスでアプリを実行できません。

@ ramintagizade-アプリがローカルサーバーでリッスンしているかどうかを確認するにはどうすればよいですか？ コマンドは何ですか：
adb shell [command] ？

はい、adbシェルとnetstatです。

このhttp://facebook.github.io/react-native/docs/running-on-device.htmlに基づく

ブラウザからローカルIPアドレス（例：http：//192.168.43.188：8081 /）にアクセスし、表示されることを確認します

ReactNativeパッケージャーが実行されています。
ドキュメントにアクセス

次に、エミュレータの開発設定にアクセスします。

Macユーザーの場合、以下の手順に従うことができます。
ステップ1：「adbreverse tcp：8081 tcp：8081 」を実行します
ステップ2：「コマンドm」を押します
ステップ3：「開発設定」を押します
ステップ4：「デバイスのサーバーホストとポートのデバッグ」を押します
ステップ5：ポップアップで「port_id」セクションに「10.0.2.2：$ {port_id}」と入力し、アプリケーションを実行しているポートを使用します。
ステップ6：「react-nativerun-android」を実行します

Windowsマシンを使用してwifi経由で物理的なAndroidデバイスでアプリをデバッグしようとしている場合、デバイスはPCまたはラップトップのポートにアクセスできない可能性があります。
ポートにアクセスできるようにする必要があります。 これには2つのステップが含まれます。

1.最初にファイアウォールでルールを作成します。 これを行うには、次の手順に従います。

`` `
実行ダイアログを開く
-タイプwf.msc
-インバウンドルールをクリックします
-右側の新しいルールをクリックします
-ポップアップメニューからポートを選択し、[次へ]をクリックします
-tcpポートと特定のローカルポートを選択し、8081（デフォルト）のようなポート番号を入力します
-接続を許可します
-プロファイルセクションですべて選択
-適切な名前と説明を付けてください
-[完了]をクリックします

1. PCを外部からアクセスできるようにする必要があります。これを行うには、次の手順に従います。
   -コントロールパネルからネットワークと共有センターを開く
   -アダプター設定を変更する
   -Wi-Fiネットワークを選択します
   -右クリック、プロパティ
   -共有タブをクリックします
   -すべてのチェックボックスをオンにします

準備完了です。react-nativerun-androidを実行してみてください。

同様の問題がありましたが、後で、エミュレートされたデバイス（android）にインターネット（またはネットワーク）接続がまったくないことに気付きました。 WiFiまたはLTEのシンボルはまったくありませんでした。 エミュレータを再起動しても問題は解決しませんでしたが、エミュレータをプレーンモードにして、プレーンモードをオフに切り替えると問題は解決しました。 私の場合、ネットワーク接続が失われるという一般的なAndroidのバグである可能性があります。

私たちはこの問題に直面しました。これを修正するために、解決策は非常に単純です。

1. CTRL + Cで「react-nativerun-android」の現在のプロセスをキャンセルします
   またはCMD + C
2. 開いたメトロバンドラーウィンドウのコマンドラインを閉じる
   自動的。
3. コマンド「react-nativerun-android」を再度実行します。

基本的に、このエラーは、コードの問題や依存関係の問題などの理由で現在のビルドが失敗したことを示しています。

詳細はこちら

macOS上のAndroidエミュレーターで問題が発生した原因がわかりません。 おそらく、新しいAndroid AVDをセットアップしたり、さまざまなAndroid Studioアップデートをインストールしたりしますか？

このコマンドはぶら下がっていました：
watchman watch-del-all

これで問題が解決しました。
`` ``
brewアンインストールウォッチマン
brew install watchman

そして、監視員がぶら下がっていないことを確認するためだけに

ウォッチマンwatch-del-all
`` ``

最後にエミュレータを再起動することで、この問題を解決できました。

ついに私は自分の問題を見つけました。
私の場合、それは私のエミュレータプロキシ設定のためでした。
エミュレータの設定に移動し、プロキシを設定しないでください。

それが役立つことを願っています

こんにちは、みんな、
Windows環境で実行し、Androidシミュレーターを使用してシミュレーションしているときに、同じ問題が見つかりました。
いくつかの試行錯誤を行った後、私は以下のような解決策を見つけました：

1 >>「node_modules \ react-native \ local-cliserverserver.js」のポートをデフォルトから変更します。

process.env.RCT_METRO_PORT || 8081

に

デフォルト：process.env.RCT_METRO_PORT || 9088

ポートがブロックされているか、他のアプリケーションに発行されている場合。
注：任意のポート番号を選択できます。私は9088を選択しました
2 >>コマンドreact-nativerun-android --port 9088を実行します（ここにポート番号を入力します）。 このポートは実行中のadbに送信されるため、サーバーとadbの両方が同じポートになります。
3 >> Android Studioシミュレーターで、Ctrl + mを押して[開発設定]に移動し、[デバイスのデバッグサーバーポートとホスト]を選択して、[ localhost：9088]を設定します。
4 >> URL http：// localhost ：9088 / debugger-ui /を使用してChromeで開発者コンソールを開きます

これで、アプリケーションに加えた変更の読み込みが開始されます。

今すぐコーディングをお楽しみください:)

これを投稿してくれてありがとう！ 2018年1月にリリースされたReactNativeの最新バージョンv0.53.0を使用していないようです。この問題が最新バージョンでも再現できることを確認できますか？

これを閉じますが、v0.53.0以降でも問題が解決しないことを確認できた場合は、新しい問題を開いてください。

_{貢献する方法•メンテナに期待すること}

はい、「react-native」を使用しています：「0.53.0」。

しかし、この問題は、私が企業プロキシ内で使用していたときに発生しました。 一部のポートが企業によってブロックまたは使用されている可能性があります。 だから私はこの方法を使って解決しました。 そしてここに投稿して、他の人がこの問題を解決できるようにします。

Androidの実際のデバイスで同じ問題..バージョン5.1.1

コマンドプロンプトを開いてプロジェクトディレクトリに移動し、「yarn」と入力してEnterキーを押すだけで問題ありません。

@ashafizullah彼の解決策はうまくいきます!!!!

シミュレーターであろうと実際のデバイスであろうと、Androidの場合は、次のようにします。

@Alijaaan私が明らかに抱えていたのと同じ問題。 ありがとう！

私が見つけた唯一の解決策は、 Android Studio AVD Managerから、現在のエミュレーターを削除して、新しいエミュレーターを追加することです。 すべてが再び機能し始めます。

どうもありがとう@Alijaaan
AndroidStudioのプロキシ設定を使用していました。

「AndroidStudioのプロキシ設定を使用する」のチェックを外し、「プロキシなし」を選択しました。 今はすべてOKです。

@esuttonのコメントは私の問題を解決しました。

ところで、ウォッチマンは私のお気に入りのソフトウェアです。 ランダムなRNの問題を探し出すために、1日を数時間一時停止して、 watchman watch-del-allを実行するだけでよいことに気づきました。 今ではそのコマンドがハングし、時々再インストールする必要がありますが、私はさらに幸せな開発者です。

react-native run-android --port9088は私のために働いた。 ありがとう@ Louies89

私は解決策を見つけます
1.ウイルス対策をオフにします
2ファイアウォールを閉じます

特にネイティブベースのようなサードパーティのライブラリを使用している場合は、コードの最近の変更に問題があると思います。 私がしたことは、Ctrl + zの数ステップ前に戻り、エミュレーターからアプリをアンインストールして再起動します。 次にreact-nativerun-android、そしてすべてが機能します！ 多分それはエミュレーターのキャッシングと関係があります

@ pinchez254はあなたに同意します。最初の実行は常に大丈夫です。

コマンドnpmstartを使用してnpmサーバーを起動してください

こんにちは、私は自分のPCのIPアドレスを開発設定（192.168.1.103:8081）に入れ、8081 tcpポートにアクセスするためのインバウンドルールをファイアウォールに作成しましたが、このエラーが発生します：
"could not connect to development serve"
また
ブラウザに"http://localhost:8081/index.delta?platform=android&dev=true&minify=false"と入力すると、ビルドが開始され、正常に終了します。

私が走っている場合：

1. adb reverse tcp:8081 tcp:8081
2. react-native start --reset-cache
3. react-native run-android

トリックをしました

私は2つのターミナルを開かなければなりませんでした。
ファーストラン
sudo npm start
実行後
react-native run-ios

1. ラップトップと電話が同じWi-Fiネットワーク上にあることを確認してください。
2. シェルを介してプロジェクトフォルダに移動します。 次に、 react-native run-android 、 react-native start --port=8088を実行します
3. デバイスでReactNativeアプリを開きます。
4. アプリ内開発者メニューを開きます。 [cmd] + [M]（Windowsの場合は[Ctrl] + [M]）]を押します。
5. [開発設定]→[デバイスのサーバーホストのデバッグ]に移動します。
6. マシンのIPアドレスとローカル開発サーバーのポートを入力します（例：192.168.1.100：8088）。
7. [開発者]メニューに戻り、[JSの再読み込み]を選択します。

react-native run-android --port=8081 :)

私が解決できた唯一の方法は、-ポート8081へのすべての参照を検索し、9088（未使用）に変更して-ポート9088で開始することでした。また、Dev設定をポート9088に変更しました。デフォルトとしてポート8081への参照はほとんどありませんでした。 node_module / react-ネイティブディレクトリ。 ポート8081は、私の環境のウイルスガードによって使用されていました。

私の場合、Androidプラットフォームツールはインストールされていません。 そこで、次のコマンドを使用してインストールしました。
brew cask install android-platform-tools

その後、AndroidStudioまたはコマンドラインから* react-native run android *を使用して実行しました

Macを再起動すると、解決しました。理由はわかりません。

まず、プロジェクトファイルにいることを確認した後、このソリューションは次のことに役立ちます。
react-native start
ほとんどの場合、コードENOSPCでエラーが発生します
この場合、次のコードを使用します。
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
その後、 react-native startを再度実行すると、ENOSPCエラーが解決された可能性があります。
次に、 react-native run-androidを実行します
そこに行く、それはアンドロイドスタジオからのアンドロイドエミュレーターでLinuxで私のために働きます

私はこのエラーを抱えていました、
私はこれを行うことで解決策を見つけました。
まず、すべてのノードモジュールを削除しました。
sudo rm -rf node_modules/
その後、npmパッケージを再度インストールしました
npm install

次に、このコマンドを実行して、reactパッケージに問題がないことを確認します。

react-native start

パッケージに問題がないことを示してから、rootでAndroidを実行します

react-native run-android --root

その後、これが機能していることがわかりました。

また、Android 9以降、クリアテキストHTTP（非HTTPS）転送はデフォルトで禁止されていることに注意してください。 アプリを実行しているデバイスから開発サーバーへの接続を有効にするには、この属性を_AndroidManifest.xml_ファイルのapplication要素に追加します。

android:usesCleartextTraffic="true"

このStackoverflowの問題に関する詳細情報

ネイティブWebブラウザにURLを入力して、デバイスが開発サーバーにアクセスできるかどうかをテストできます。

残念ながら、React Native開発ツールはエラーの理由を飲み込みますが、ターゲットアプリ内で独自のHTTP接続を確立しようとすると、有用なスタックトレースが得られます。

@delj残念ながら、ReactNative開発ツールはエラーの理由を飲み込んでしまいます。

ヒント： manifestPlaceholdersを使用して、 android：usesCleartextTraffic = "true"でリリースされないようにします

AndroidManifest.xml
`` ``
android：name = ".MainApplication"

android:usesCleartextTraffic="${isDebug}"
    >

`` ``

android / app / build.gradle

 buildTypes {
 デバッグ{
 マニフェストプレースホルダー= [isDebug：true]
 }
 リリース {
 マニフェストプレースホルダー= [isDebug：false]

        minifyEnabled enableProguardInReleaseBuilds
        proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        signingConfig signingConfigs.release
    }
}

私は同じ問題を抱えていましたが、Windows 10でうまくいったのは、文字通り管理者としてCMDを開くことです。

私はまだこの問題を抱えています。 これを開いてもいいですか。 これはまったくばかげています。手紙の手順に従っても起動しない場合、「はじめに」のチュートリアルはどうですか。 私は文字通りこのバグに何時間も費やしてきました。 Facebookはこれに対処する必要があります。 彼らのチュートリアルは純粋に間違っているか、リンクできるよく知られたトラブルシューティングのケースです。

これが私のステップです：

1. ターミナル1：adb reverse tcp：8081 tcp：8081
2. ターミナル1：npm start
3. react-native run-android

まだこの問題があります。 手順3を実行するときにもポート値を追加しようとしましたが、それも機能しませんでした。 誰か助けてくれませんか。

私は完全に同情します-私たちはこれも修正するのに1時間費やしました。

これはシミュレーターで機能し、同じアプローチがデバイスでも機能するはずだと思います

ここで起こっているいくつかの問題がありますが、その中で最も重要なのは平文の設定です。 何かをする前に、アプリを最新のAndroid SDKに更新してください。そうしないと、これらの設定は機能しません。 この問題があるかどうかをテストするには、このコードを最上位のレンダリング関数の1つに貼り付けます。 例： <App

fetch('http://jofarnold.com')
  .then(res => res.text())
  .then(d => alert('ok'))
  .catch(e => {
    console.error(String(e));
});

httpsではなくhttpに注意してください。 はい、私のサイトはhttpではありません。 でも今は後悔はありません！

今すぐお試しください

fetch('https://httpbin.org')
  .then(res => res.text())
  .then(d => alert('ok'))
  .catch(e => {
    console.error(String(e));
});

httpに注意してください。

どちらが失敗しますか？ 両方が失敗した場合、他の問題が発生し、私はあなたを助けることができません-しかし、ネットワークが機能していないことを除外するために、それらのURLがシミュレーターのChromeで機能するかどうかを確認してください。 最初の失敗（反応ネイティブレッドボックスを提供します）が2番目の成功（ okで警告します）の場合、Androidのセキュリティ設定が正しく設定されていません。 それではやってみましょう。

まず、android /.../AndroidManifest.xmlの<applicationセクションに次のように入力します

<manifest
....
<application
... other settings
    android:usesCleartextTraffic="true"  <---------- this
    android:networkSecurityConfig="@xml/network_security_config" <------- and this
  >
   ... etc

次に、android / ... res / xml / network_security_config.xmlにファイルを作成します（xmlディレクトリを追加する必要がある場合があります。ファイル名は特別なものではありません。上記の参照と同じである必要があります）。 ：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">jofarnold.com</domain>
    </domain-config>
</network-security-config>

ある端末（reset-cacheに注意）で$＃$ 9 react-native start --reset-cache ＃$を実行し、別の端末でreact-native run-androidを実行することを確認して再コンパイルします。

アプリをロードすると、OKポップアップが表示されます。 いい物！ あなたは私の安全でないサイトをfetchすることができました。

次に、reactnativeを整理する必要があります。 私の場合、サーバーは10.0.2.2にあり、デバッガーはlocalhostなどにあります（覚えていません。これはメモリから部分的に書き込んでいます）。 いずれにせよ、それらは異なっているので、機能しません。

このためには、上記のjofarnold.comをlocalhostに変更してから、アプリの設定メニュー（Macの場合はcmd-M）> [開発設定]に移動します。 [JSデルタを使用]をオフにし（うまく機能しません）、[デバッグ]でサーバーのホストとポートをlocalhost:8081に設定します

セキュリティ構成ファイルは次のようになります。

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>

再コンパイルしてreact-native start --reset-cacheを再起動すると、アプリの上部にloading...などの緑色のバーが表示されます。 ターミナルでは、デルタ、マップなどとバンドルされているのがわかります。

私が思うにadb reverseのことをする必要はありません。 とにかく、それはRNスクリプトの一部として行われます。

幸運を！

私の問題は、AndroidエミュレーターをWifiとデータから切断していたためです。 それらをオンにしただけで実行されます。 誰かが同じ問題に直面している場合に役立つことを願っています。

私の問題は、AndroidエミュレーターをWifiとデータから切断していたためです。 それらをオンにしただけで実行されます。 誰かが同じ問題に直面している場合に役立つことを願っています。

Mateoのコメントに追加する必要がある重要なことの1つ。 MacBookを閉じて、別のWi-Fiネットワークで再開すると、シミュレータの「Wi-Fi」が失敗する可能性があります。 シミュレータを再起動する必要があります。 これは特にシミュレーターの問題ではないことは知っていますが、このテーマには優れたSEOがあるので、このコメントをここに残しておくと、他の誰かの助けになることを願っています。

アンドロイド5.0以上を使用して解決しました、アンドロイド4..4でエラーが発生しました

アンドロイド5.0以上を使用して解決しました、アンドロイド4..4でエラーが発生しました

同意します

android 9エミュレーターを実行している場合は、 @ deljで示されているように、manifest.xmlのアプリケーションタグにandroid:usesCleartextTraffic="true"を追加する必要があります。

パッケージャは実行されていますか？ react-native run-androidを実行すると、表示されるはずです。 react-native startを使用して単独で起動することもできます。 ここでの問題は、パッケージャーがまったく起動していないことであるかどうかを確認したいと思います。

なぜこの問題が発生しているのですか？ OS 10.13.6を搭載したMacを使用していて、サーバーが自動的に起動する前

ありがとう@JofBigHealthあなたが提案したように私はしました、そしてそれはエミュレーターと接続実デバイスで動作します。
しかし、アルファチャネルからアプリをダウンロードすると、アプリに問題が発生します。 それをデバッグするための提案はありますか？

@ sheva007 「アルファチャネル」の意味がわかりません。 具体的にどのような問題が発生しているのかを説明し、詳細を含めていただけますか？

@JofBigHealth情報が不足していることをお詫びします。
更新：それは今うまくいきます、私はグーグルプレイが更新された動作バージョンをテスターに​​利用可能にするまでしばらく待たなければなりませんでした。 本当にありがとうございました ：）
私の元々の問題は、アプリが正常に動作していることでした<Android 9ですが、Android 9でネットワーク通話を発信しません。ソリューションを使用した場合、ネットワーク通話を含むアプリは期待どおりに動作します。
しかし、私がそれをグーグルプレイアルファチャンネルに提出したとき。 ネットワーク呼び出しは行いません。

ポートを逆にすることは私のために働いた
@ashafizullahによって提案されたように

私が開いていたAndroidStudioを閉じると、奇妙なことに問題が解決しました。 理由がわからない...

更新：0.57.7にアップグレードした時点でのシミュレーターの場合、 adbリバースプロキシの修正を行う必要はなく、開発者メニューのポートを変更する必要もありません。 デフォルトは10.0.1.1：8080（メモリから推測）やJustWorksのようなものです。 react-native startまたはreact-native start --reset-cache （必要な場合）を実行し、Android Studioからビルドしましたが、問題なく動作します。 デバッグに設定している場合は、デバッガーを実行している必要があり、Android Studioから再ビルドする必要がある場合があります。これは、最初に接続しない場合があるため（競合状態であると思われるため）、それ以外の場合は問題ありません。 アプリマニフェストでセキュリティ設定を正しく設定することを忘れないでください

デバイスは別の問題です。

デバイスで起動しようとしたときに同じ問題が発生します。 デバイスの解決策はありますか？

同じ問題があります。 私を助けてください。

環境変数にパスを追加する必要があります...「adb」パスは、C：Users \ user \ AppData \ Local \ Android \ SDK / platformtoolsにあります。

これは、Windows 10で機能しました:(デバッグサーバーのホストとポートを設定した後..）
ファイアウォールの設定を確認し（[Windowsファイアウォール]> [Windowsファイアウォールを介してアプリまたは機能を許可する]）、2つのNode.jsアプリがありますが、そのうちの1つはファイアウォールを通過できません。 チェックボックスをオンにして保存すると、すべてが正常に機能しました。

この良い質問..そしてその仕事。！

https://stackoverflow.com/questions/37180714/react-native-could-not-connect-to-development-server-android-app

android 9エミュレーターを実行している場合は、 @ deljで示されているように、manifest.xmlのアプリケーションタグにandroid:usesCleartextTraffic="true"を追加する必要があります。

おすすめされた

同じエラー。
windows7 + androidstudio3.3.2。
ノードサーバーがアクティブで、シミュレーターChromeから127.0.0.1を実行できますが、Awesomeアプリはノードサーバーに接続できません。
また、AndroidManisfesto.xmlにandroid:usesCleartextTraffic="true"を追加しましたが、それでもエラーが発生します

@aflext赤いボックスでadb reverse tcp:8081 tcp:8081コマンドを実行しましたか？ それは通常は機能します。

@JofBigHealth URLを127.0.0.1:8081からlocalhost:8081に変更することで、問題を解決しました。

私の場合、解決策は「JSをリモートでデバッグ」を無効/有効にすることでした

@ashafizullah ：私もそれを試しました。 しかし、それでも運はありません。

@ashafizullahはい、そのノープは私も働いています。

このプロジェクトをウィンドウから実行することは可能ですか????

inotifyの制限を変更することでエラーが解決しました。
このリンクはhttps://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchersに役立ちました

これはうまくいきます!! どうもありがとう！！

inotifyの制限を変更することでエラーが解決しました。
このリンクはhttps://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchersに役立ちました

これは私のために働いた。 ありがとう。

<application ...タグのAndroidManifest.xml android:usesCleartextTraffic="true"を追加し、アプリを再構築しました。 その後、開発サーバーから正常にロードを開始しました。

これは、デバッガーを実行して別のデバイスに接続していたために発生していました。 そのため、デバッガーに接続されたiOSシミュレーターは、Androidデバイスがパッケージャーに接続するのをブロックしていました。 iOSシミュレーターでリモートデバッグを停止すると、Androidデバイスが接続できるようになります。または、Androidデバイスでリモートデバッグを開始することもできます。

これは、Windows 10で機能しました:(デバッグサーバーのホストとポートを設定した後..）
ファイアウォールの設定を確認し（[Windowsファイアウォール]> [Windowsファイアウォールを介してアプリまたは機能を許可する]）、2つのNode.jsアプリがありますが、そのうちの1つはファイアウォールを通過できません。 チェックボックスをオンにして保存すると、すべてが正常に機能しました。

これも私の問題でした、ありがとう！

私は解決しました：

https://www.youtube.com/watch?v=XhiE0HEiYd4

https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows

しかし....エミュレータでアプリをリロードすると、再びクラッシュして次のメッセージが表示されます。
開発サーバーに接続できませんでした

そこで、ファイアウォールにnode.jsとgenymotion player.exeを追加して、すべて（geny、react）を再起動しようとしましたが、再び機能します...

ctrl + Win cmdコマンドラインipconfigを使用して、私のipV4アドレスを見つけるには192.168.0.111です。その後、192.168.0.111：8081を入力します。

正常に解決しました！

<application ...タグのAndroidManifest.xml android:usesCleartextTraffic="true"を追加し、アプリを再構築しました。 その後、開発サーバーから正常にロードを開始しました。

これで修正されました。 トンありがとう。

実際のAndroidデバイスでのみ同じ問題が発生します。
解決：
1）ファイルandroid / app / src / main / res / xml /network_security_config.xmlを追加します

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>

2）android / app / src / main /AndroidManifest.xmlに行を追加します

<application
    ...
    android:networkSecurityConfig="@xml/network_security_config"
    ...
>

治療法を見つけます。
この問題は、次の手順で問題を解決するのに役立ちました。

1. （プロジェクトディレクトリ内）mkdir android / app / src / main / Assets
2. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android / app / src / main / Assets / index.android.bundle --assets-dest android / app / src / main / res
3. react-native run-android

https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows

adb reverse tcp：8081 tcp：8081を実行した後、それは私のために働きました。 以前はパッケージサーバーウィンドウを開いていましたが、依存関係グラフの読み込みが完了した後は何も起こりませんでした。 メッセージ。
これで、上記のコマンドを実行した後、すべてが正常に機能します。

これは、ネットワークセキュリティ構成に従ってAndroid9.0以降に適用されます。
それで、ウェブ上で見つけたすべての可能な解決策を試した後、ネイティブのAndroidlogcatを手動で調査することにしました。 android:usesCleartextTraffic="true"を追加した後でも、logcatでこれを見つけました。

06-25 02:32:34.561 32001 32001 E unknown:ReactNative: Caused by: java.net.UnknownServiceException: CLEARTEXT communication to 192.168.29.96 not permitted by network security policy

そこで、react-nativeアプリのソースを調べてみました。 debugバリアントには、react-native guysによって定義されたnetwork-security-configがすでに存在し、 mainバリアントと競合することがわかりました。

これには簡単な解決策があります。
<app-src>/android/app/src/debug/res/xml/react_native_config.xmlに移動します
に独自のIPアドレスで新しい行を追加しますお気に入り：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="false">localhost</domain>
    <domain includeSubdomains="false">10.0.2.2</domain>
    <domain includeSubdomains="false">10.0.3.2</domain>
    ***<domain includeSubdomains="false">192.168.29.96</domain>***
  </domain-config>
</network-security-config>

私のコンピューターのローカルIP（Linuxの場合はifconfigからチェック）は192.168.29.96なので、上記の行を*に追加しました。

次に、Android用にクリーンアップして再構築する必要があります！

cd <app-src>/android
./gradlew clean
cd <app-src>
react-native run-android

これがあなたのために働くことを願っています。

私がしたこと:(エミュレーターAndroidPie 9での作業）

1. エミュレータでCtrl+MとDev Settingをクリックして、IPとポートをDebug server host & port for deviceに設定します。 Bundlerのホストとポート（デフォルト： localhost:8081 ）を使用してホストとポートを設定し、ポートが他のプロセスによってブロックされていないことを確認してください
2. ホームプロジェクトディレクトリでadb reverse tcp:8081 tcp:8081を実行します
3. AndroidManifest.xmlの<application>ノードに$ android:usesCleartextTraffic="true"を追加します
4. 上記の3つのポイントを達成した後、プロジェクトを再開します

@ Eyesonly88これで問題は解決しました-ありがとうございます。

特にtargetSdkVersionをAPI28に設定するときに、この問題に直面している場合。

あなたがする必要があるのはあなたのnetwork_security_configファイルのために以下の次の行を追加することです：

    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>

PS：私の場合、フレーバーごとに複数のnetwork_security_configファイルがあります。これはデバッグの問題であるため、デバッグフレーバーのnetwork_security_configファイルにこれらの行を追加するだけで十分です。

================================================== =======================

以下のバグに関する詳細情報：

https://developer.android.com/training/articles/security-config.htmlにアクセスすると、上記のコード行がandroid API24からAPI27のデフォルトのセキュリティ構成であることがわかります。（Android7.0からandroid 8.1）。
これは、エラーが発生したAndroid 9、API 28の場合、デフォルトの構成が変更されたことを意味します。
具体的には、Android API28のデフォルト構成は次のとおりです。

    <base-config cleartextTrafficPermitted="false">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>

。
これが、古いAPIのデフォルト構成を使用することが私にとってうまくいった理由です。

最初に私にとってもうまくいった他のことは、targetSdkVersionをapi 27に設定することでした。API28で実行したくない場合は、これもうまくいくかもしれません。

android 9エミュレーターを実行している場合は、 @ deljで示されているように、manifest.xmlのアプリケーションタグにandroid:usesCleartextTraffic="true"を追加する必要があります。

おすすめされた

あなたは私の時間を節約しました。 どうもありがとう。

みんなıエミュレータでwifiを開き、それは私のために働いた

私の問題を解決したのは、 yarn start sudo yarn startを使用することでした
package.jsonにスクリプトがあります

{
...
"scripts":{
"start":"react-native start"
}
....
}

xCodeやAndroidStudioなどのエミュレーターを使用している場合は、IPの設定で開発サーバーのアドレスを設定する必要はありません。 自動的に設定されます。 それを削除してアプリを再実行するだけです。 わたしにはできる。

android 9エミュレーターを実行している場合は、 @ deljで示されているように、manifest.xmlのアプリケーションタグにandroid:usesCleartextTraffic="true"を追加する必要があります。

おすすめされた

あなたは私の日を救った

私がしたこと:(エミュレーターAndroidPie 9での作業）

1. エミュレータでCtrl+MとDev Settingをクリックして、IPとポートをDebug server host & port for deviceに設定します。 Bundlerのホストとポート（デフォルト： localhost:8081 ）を使用してホストとポートを設定し、ポートが他のプロセスによってブロックされていないことを確認してください
2. ホームプロジェクトディレクトリでadb reverse tcp:8081 tcp:8081を実行します
3. AndroidManifest.xmlの<application>ノードに$ android:usesCleartextTraffic="true"を追加します
4. 上記の3つのポイントを達成した後、プロジェクトを再開します

@rafidamrのソリューションが正しいことを確認できます。 しかし、私はポート8081を使用できない企業環境にいたため、MetroBundlerを次のような別のポートに切り替えました。

• adb reverse tcp:8088 tcp:8088
• react-native run-android --port 8088

そして当然のことながら、エミュレーターの開発設定の新しいポートを指しています。

ありがとう@camposbrunocampos👏🏼 、私はtarget: Android 9.0とAPI level 28を使用していました。
network_security_config.xmlを更新し、エミュレータが正常に動作するようになりました。

iOSとAndroidの両方で起動する際に問題が発生しました（Android Studio、Android Studioなし、Xcodeあり、Xcodeなしで試してみました）。 私は上記のすべてを試しました。

したがって、DIDNが役に立たなかったのは次のとおりです。

• network_security_config.xml
• adbリバース
• IPアドレスをサーバーのIPに変更します。
• 等..

私がしなければならなかったのは、次のことを行うことだけです。sudonpmはreactnativeプロジェクトディレクトリから開始します。 許可の問題のようです。 （Macを使用）

@inspiralunaは基本的なnpmインストールの問題であり、システムディレクトリをchownする必要があります。

マニフェストで、 android：usesCleartextTraffic = "true"をアプリケーションに追加します

...。
android：usesCleartextTraffic = "true"
android：theme = "@ style / AppTheme">

わたしにはできる。

<application ...タグのAndroidManifest.xml android:usesCleartextTraffic="true"を追加し、アプリを再構築しました。 その後、開発サーバーから正常にロードを開始しました。

これで私も問題が修正されましたが、最初にこの修正を試したが機能しなかったと言って、この前置きをします。 新しいエミュレーターで最初からやり直し、abdを数回強制終了して再起動し、android studioを再インストールし、gradleを更新する必要がありました。

@ Eyesonly88ありがとう..それは私のために働く
私が追加しました
android：usesCleartextTraffic = "true" to AndroidManifest.xml

悲しいことにAndroid4.0をターゲットにしていて、adb reverse tcp：8081 tcp：8081を実行するとエラーが発生しました

warn Failed to connect to development server using "adb reverse": Command failed: adb -s 192.168.66.103:5555 reverse tcp:8081 tcp:8081

エミュレーターに開発者ツールがない問題を修正した方法は次のとおりです。
このSOの回答は、 MainApplication.javaファイルをチェックし、 getUseDeveloperSupportメソッドからBuildConfig.Debugを削除することを提案しているため、次のようになります。

        <strong i="11">@Override</strong>
        public boolean getUseDeveloperSupport() {
            // Return true to load JS from the packager.
            // If BuildConfig.DEBUG is false, assets will be loaded from assets folder.
            return true; // BuildConfig.DEBUG;
        }