AndroidはJSバンドルを読み込めませんでした

Nexus5（Android 5.1.1）でAwesomeProjectを実行しようとしています。

プロジェクトをビルドしてデバイスにインストールできます。しかし、それを実行すると、赤い画面が表示されました

JSバンドルをダウンロードできません。開発サーバーを起動するか、デバイスを接続するのを忘れましたか？

反応ネイティブiOSでは、jsbundleをオフラインでロードすることを選択できます。Androidで同じことをするにはどうすればよいですか？（または、少なくとも、どこでサーバーアドレスを構成できますか？）

更新

ローカルサーバーで実行するには、react-nativeプロジェクトのルートディレクトリで次のコマンドを実行します。

1. react-native start > /dev/null 2>&1 &
2. adb reverse tcp:8081 tcp:8081

詳細についてはdsissitkaの回答をご覧ください。

サーバーなしで実行するには、次のコマンドを実行して、jsfileをapkにバンドルします。

1. 下にアセットフォルダを作成します android/app/src/main
2. curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

詳細については、kzzzfの回答をご覧ください。

サーバーを実行しながらJSファイルをAPKにreact-native startバンドルするには（）アプリのアセットディレクトリにバンドルをダウンロードします。

curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

次のリリース（0.12）ではreact-native bundle、Androidプロジェクトで期待どおりに機能するようにコマンドを修正します。

次の方法で、Ubuntu 14.04で動作しました。

cd (App Dir)
react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

更新：参照

• デバイスで実行（Android）
• デバイス警告は抑制されましたか？

Update 2：@scgoughこのエラーは、React Native（RN）がワークステーションで実行されている開発サーバーからJavaScriptをフェッチできなかったために発生しました。これが発生する理由は次のとおりです。

https://github.com/facebook/react-native/blob/42eb5464fd8a65ed84b799de5d4dc225349449be/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java#L116-L137

RNアプリがGenymotionまたはエミュレータを使用していることを検出すると、GENYMOTION_LOCALHOST（10.0.3.2）またはEMULATOR_LOCALHOST（10.0.2.2）からJavaScriptをフェッチしようとします。それ以外の場合は、デバイスを使用していると想定し、DEVICE_LOCALHOST（localhost）からJavaScriptをフェッチしようとします。問題は、開発サーバーがデバイスではなくワークステーションのローカルホストで実行されることです。そのため、サーバーを機能させるには、次のいずれかを行う必要があります。

• （デバイスのローカルホスト）：8081 / tcpから（ワークステーションのローカルホスト）：8081 / tcpにトラフィックを転送します。それがadbコマンドが行うことです。
• 開発サーバーがどこにあるかをRNアプリに伝えます。

わかりました、私はここで問題が何であるかを理解したと思います。watchman私が走っていたバージョンと関係があった。

新しいシェルで、brew update 次に実行します。brew unlink watchman 次に：brew install watchman

今、あなたはreact-native startあなたのプロジェクトフォルダから実行することができます

このシェルを開いたままにして、新しいシェルウィンドウを作成react-native run-androidし、プロジェクトフォルダーから実行します。世界はすべて正しい。

ps。私は元々、watchmanのバージョン3.2を使用していました。これにより3.7にアップグレードされました。

pps。私はこれが初めてなので、ソリューションへの最短ルートではないかもしれませんが、私にとってはうまくいきました。

*デバイスで実行/デバッグするための詳細情報*

アプリをエミュレーターではなくAndroidデバイスに展開すると、赤い画面で死を知らせるエラーが表示されますUnable to load JS Bundle。デバイスのデバッグサーバーを設定して、反応を実行しているコンピューターにする必要があります。名前またはIPアドレスのいずれかです。

1. デバイスMenuボタンを押します
2. 選択する Dev Settings
3. Debug server host for deviceまたはを選択しますChange Bundle Location
4. マシンのIPを入力し、JSとリアクションポートをリロードします。 192.168.1.10:8081

詳細：http : //facebook.github.io/react-native/docs/running-on-device-android.html

プロジェクトディレクトリから、

react-native start

以下を出力します。

$ react-native start
 ┌────────────────────────────────────────────────────────────────────────────┐ 
 │  Running packager on port 8081.                                            │ 
 │                                                                            │ 
 │  Keep this packager running while developing on any JS projects. Feel      │ 
 │  free to close this tab and run your own packager instance if you          │ 
 │  prefer.                                                                   │ 
 │                                                                            │ 
 │  https://github.com/facebook/react-native                                  │ 
 │                                                                            │ 
 └────────────────────────────────────────────────────────────────────────────┘ 
Looking for JS files in
   /home/user/AwesomeProject 


React packager ready.

[11:30:10 PM] <START> Building Dependency Graph
[11:30:10 PM] <START> Crawling File System
[11:30:16 PM] <END>   Crawling File System (5869ms)
[11:30:16 PM] <START> Building in-memory fs for JavaScript
[11:30:17 PM] <END>   Building in-memory fs for JavaScript (852ms)
[11:30:17 PM] <START> Building in-memory fs for Assets
[11:30:17 PM] <END>   Building in-memory fs for Assets (838ms)
[11:30:17 PM] <START> Building Haste Map
[11:30:18 PM] <START> Building (deprecated) Asset Map
[11:30:18 PM] <END>   Building (deprecated) Asset Map (220ms)
[11:30:18 PM] <END>   Building Haste Map (759ms)
[11:30:18 PM] <END>   Building Dependency Graph (8319ms)

Ubuntu 14.04で動作する簡単なソリューション。

react-native run-android

エミュレーター（既に起動済み）が返されます。JSバンドルをダウンロードできません。JSサーバーを再起動します。

react-native start

エミュレータで[JSの再読み込み]をクリックします。それは私のために働いた。それが役に立てば幸い

Androidのアプリでメニュー（GenymotionのCommand + M）を開きました-> Dev Settings-> Debug server host＆port for device

値をlocalhost：8081に設定します

それは私のために働いた。

ここで答えの組み合わせを試した後、これが私にとってうまくいきます。

エミュレータとしてGenymotionを使用しています。

1 Genymotionエミュレータを起動します。

2端末から

cd AwesomeProject
react-native run-android # it loads in genymotion and fails with bundle error
react-native start > /dev/null 2>&1 & # from dsissitka
adb reverse tcp:8081 tcp:8081 # from dsissitka

3エミュレータからリロードします。

搭載！

これで開発を始めることができます。

お使いの携帯電話からアプリを削除してください！私はいくつかの手順を試しましたが、最終的にはそれで終わりました。

1. 以前にアプリを実行しようとしたが失敗した場合は、削除場合は、Androidデバイスからしてください。
2. 走る $ react-native run-android
3. Androidデバイスのアプリ内からReact Rage Shake Menuを開き、Dev Settings次に移動しDebug server host & port for deviceます。サーバーIP（お使いのコンピュータのIP）とホストがあります入力します8081例えば、192.168.50.35:8081。Macでは、コンピュータのIPは次の場所にありますSystem Preferences -> Network -> Advanced... -> TCP/IP -> IPv4 Address。
4. レイジシェイクメニューを再度開き、をクリックしますReload JS。

どうやらadb reverseはAndroid 5.0で導入され
ました。「adb reverse」で「error：closed」を2回取得しています

kzzzfの答えを先に進める必要があると思います

コメントするほどの評判はありませんが、これはdsissitkaの回答を参照しています。Windows 10でも動作します。

繰り返しますが、コマンドは次のとおりです。

cd (App Dir)
react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

android（release）でアプリを実行する簡単な手順は次のとおりです。

1.アプリケーションのルートに移動します。

2.このコマンドを実行します。

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

すべてのファイルがコピーされます。

3.署名済みAPKを作成します。

Android Studioを開きます。

ビルド>署名済みAPKの生成> [必要な詳細を入力し、この手順の前にキーストロークを生成する必要があります]

APKはエラーなしで生成されます。デバイスにインストールすると、問題なく機能するはずです。

デバイスを接続して、Android Studioの実行アイコンを直接押してテストすることもできます。

キーストロークの生成：

1. 後藤C：\プログラムファイル\のJava \ jdkx.x.x_x \ binに

2. 走る

keytool -genkey -v -keystore d：\ my_private_key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

それはおそらくあなたにいくつかの詳細を記入するように頼むでしょう。それを実行して、APKの署名に使用できるキーストロークファイル（my_private_key.keystore）を用意します。

Linuxでこれを停止した後、 react-native run-androidプロセスを。ノードサーバーはまだ実行中のようです。次回に実行すると、正常に実行されず、アプリに接続できません。

ここでの修正は、Xtermで実行されているノードプロセスを強制終了することです。これは、ctrl-cそのウィンドウを（簡単に）実行することで強制終了できるか、またはそれを使用してlsof -n -i4TCP:8081それを見つけることができます。kill -9 PID。

その後、react-native run-android再度実行します。

Wi-Fi接続を確認してください。

別の可能性としては、wifiに接続されていない、間違ったネットワークに接続されている、または開発設定のIPアドレスが間違っている可能性があります。何らかの理由で、私のandroidがwifiから切断され、無意識のうちにこのエラーが発生し始めました。

デバイスで実行中

別の答えを見つけました。

• adb reverse：Android 5.0+（API 21）でのみ機能します。
• 別の方法：デバイスを振って[開発]メニューを開き、[開発設定]に移動し、[ デバイスのデバッグサーバーホスト]に移動し、マシンのIPアドレスとローカル開発サーバーのポートを入力します。

アップデート

これで、Windowsでは、react-native startを実行する必要がなくなりました。パッケージャは自動的に実行されます。

これまでに誰も言及していないことを確認するための1つの重要なこと： ローカルファイアウォールを確認し、オフになっていることを確認します。

ここで私の応答を参照してください：https : //stackoverflow.com/a/41400708/1459275

UbuntuとAndroidのみを使用していますが、実行できませんでした。私はあなたのpackage.jsonファイルを更新して、この行を変更するという本当に簡単な解決策を見つけました：

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },

に

"scripts": {
    "start": "adb reverse tcp:8081 tcp:8081 && node node_modules/react-native/local-cli/cli.js start"
  },

次に、次のように入力してサーバーを実行します

npm run start

これにより、Androidデバイスは、ローカルに電話ではなく、コンピューター上のノードサーバーを検索します。

最初の質問 phyisicalデバイスにアプリケーションをリロードについてでした。

物理デバイスで（つまり、adbを介して）アプリケーションをデバッグしているときに、デバイスの左上の「アクション」ボタンをクリックして、JSバンドルをリロードできます。これにより、オプションメニューが開きます（リロード、JSをリモートでデバッグ...）。

お役に立てれば。

このエラーは、次の手順で簡単に解決できます。

    //run the command at /android sdk / platforms-tool folder
        adb reverse tcp:8081 tcp:8081

    //now come to root folder of your app
    1. npm start
    2. create 'assets' folder inside rootApp/android/app/src/main/
    3. curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"
    4. make sure anyone physical or virtual device attached is running.
    5. react-native run-android

公式ページに記載されている手順に従って、この問題を修正できます。JSバンドルは開発システムにあり、実際のデバイス内のアプリはその場所を認識していないため、この問題は実際のデバイスで発生します。

新しいReact Native（確かに0.59）では、デバッグ構成が内部にあります android/app/src/debug/res/xml/react_native_config.xml

<?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-config>
</network-security-config>

同じ端末で2つの端末を起動し、1番目の端末でreact-native startを実行し、2番目の端末でreact-native run-androidを実行すると、この問題は簡単に解決されます。そして幸運

ちょっと私は私の反応ネイティブのベアプロジェクトでこの問題に直面していました、IOSシミュレータは正常に動作しますが、アンドロイドは私にこのエラーを出し続けました。ここに私のために働いている可能な解決策があります。

ステップ1、adbデバイスがターミナルで実行することによって承認されているかどうかを確認します：adb devices

権限がない場合は、次のコマンドを実行します

ステップ2、sudo adb kill-serverステップ3、sudo adb start-server

次に、adb devicesコマンドがemulator-5554デバイスに接続されているデバイスのリストを表示するかどうかを確認します

不正ではなくデバイスである場合

ステップ4、npx react-native run-androidを実行します

これは私のインスタンスで機能しました。これで問題が解決することを願っています。

私はこれが奇妙であることがわかりましたが、解決策を得ました。時々、プロジェクトフォルダーが読み取り専用になり、VSから保存できないことに気付きました。そこで、ローカルユーザーPATHからシステム全体のPATHグローバル変数にNPMを転送するという提案を読みましたが、これは魅力的なものでした。

npm startをreact-nativeディレクトリから実行するとうまくいきました。