react-native init AwesomeProject
のデフォルトコードのみを使用すると、アプリを実行すると、「ReferenceError:変数が見つかりません:__fbBatchedBridge(生成されたバンドルの行1)」が表示されます。
そして、「JSをリロード」すると、アプリは「hello world」ビューではなく、白い背景になります。 initのコードには触れていません。
エラーを解決する方法はありますか?
を使用して:
通常、パッケージャーが起動していないときに表示されます。 react-native startを実行して、実行されていることを確認します
このコマンドを使用して解決しました
adb reverse tcp:8081 tcp:8081
Rmevans9とAnonsageの回答に感謝します!
私はUbuntuでHTC One
を使用していますが、メニューオプションはありません。とにかく、これは私のために働いた答えの要約です:
プロジェクトを作成する$ react-native init MyProject $ cd MyProject/
最初のコンソールタブで実行し、開発中に実行したままにします(react-native start
代替):$ npm start
2番目のコンソールタブでプロジェクトをコンパイルしてインストールします(必要に応じてデバイスをUSBに接続します):$ react-native run-Android
ReferenceError: Can't find variable: __fbBatchedBridge
を修正:
ifconfig
を実行して、ローカルIPアドレスを見つけます。例:inet addr:192.168.0.3
Dev Settings
-> Debugging
セクションのDebug server Host & port for device
に移動し、特定のポートを使用してローカルIPアドレスをコピーします:192.168.0.3:8081
(最初のタブからnpm start
を実行するとポートを表示できます)その後、Back
を押しますEnable Live Reload
を押します(編集中に変更をライブで表示するには)Reload JS
を押しますドキュメントによるとこれは私のために働いた
http://facebook.github.io/react-native/docs/running-on-device-Android.html#content
Adbリバースの使用このオプションは、Android 5.0+(API 21)を実行しているデバイスで使用できることに注意してください。
デバイスをUSB経由で接続し、デバッグを有効にします(デバイスでUSBデバッグを有効にする方法については、上記の段落を参照してください)。
Reload JSおよびその他の開発オプションを追加の構成なしで使用できます
これは、packages.json
と私 build.gradle
ファイル。それらが一致することを確認し、npm updateを実行し、Android studioから再構築することで問題が修正されました。
同じ問題がありました。
他の回答に記載されているすべての手順を実行したため、問題を解決できませんでした。
私の場合、firewall
はAndroidからのパケットをブロックしていました。
また、iTunesストアにアプリを送信した場合は、以下に示すように、jsCodeLocationがローカルホストに戻っていることも確認してください。
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
/**
* OPTION 2
* Load from pre-bundled file on disk. The static bundle is automatically
* generated by "Bundle React Native code and images" build step.
*/
//jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];