web-dev-qa-db-ja.com

リモートデバッガに接続できません

私はReact.JSを使用していて、react-native run-Androidを実行すると（私のデバイスを接続した状態で）空白のページが表示されます。デバイスを振ってオプションリストからDebug JS Remotelyを選択すると、次の画面が表示されます。

enter image description here

参考：

OS: Ubuntu 16.04
Node version is: v4.6.2
Java version "1.8.0_111"
react": "15.4.1
react-native": "0.38.0
androidreactjsreact-native
128
splunk

私の場合、問題はエミュレータが次のことを要求していることでした。

http://10.0.2.2:8081/debugger-ui

の代わりに：

http://localhost:8081/debugger-uiと要求は失敗しました。

この問題を解決するには、エミュレータでリモートデバッグを有効にする前に、http://localhost:8081/debugger-uiをchromeで開きます。それからリモートデバッグを有効にして、あなたがあなたのコンソールログを見るべきであるクロムページに戻ってください。

256
DannyMoshe

私の次の問題を解決しました：

  • エミュレータ画面でCmd + Mを押す
  • Dev settings > Debug server Host & port for deviceに行く
  • localhost:8081を設定
  • Androidアプリを再実行します。react-native run-Android

デバッガが接続されました！

160
Sajib Khan

私は自分の電話でadb reverse tcp:8081 tcp:8081そしてreloadを実行して解決しました。

43
splunk

私の場合は、JSのリモートデバッグを選択してChromeを起動しましたが、Androidデバイスに接続できませんでした。通常、新しいChromeタブ/ウィンドウのアドレスバーにはデバッグ用のURLが事前に入力されていますが、この場合、アドレスバーは空白でした。タイムアウト期間の後、「リモートデバッガと接続できません」というエラーメッセージが表示されました。次の手順でこれを直しました。

  • adb reverse tcp:8081 tcp:8081を実行
  • Chromeブラウザのアドレスフィールドにhttp://localhost:8081/debugger-uiを貼り付けます。通常のデバッグ画面が表示されますが、それでもアプリは接続されません。

これで問題は解決するはずです。そうでない場合は、次の追加手順を実行する必要があります。

  • Androidデバイスからアプリを閉じてアンインストールする
  • react-native run-Androidでアプリを再インストールします
  • アプリのリモートデバッグを有効にします。
  • これでアプリはデバッガに接続されました。
29
Tom Aranda

私はこの質問に私を導いた同様の問題を抱えていた。私のブラウザデバッガで、私はこのエラーメッセージを得ていました：

Originから ' http：// localhost：8081/index.delta？platform = Android＆dev = true＆minify = false 'にアクセスする http://127.0.0.1:8081 'がCORSポリシーによってブロックされています。要求されたリソースに' Access-Control-Allow-Origin 'ヘッダーがありません。不透明な応答がニーズを満たす場合は、CORSを無効にしてリソースを取得するために、要求のモードを 'no-cors'に設定します。

デバッガに127.0.0.1:8081の代わりにlocalhost:8081を使っていたことに気づくまでに少し時間がかかりました。

これを修正するには、Chromeを次のものから変更する必要があります。

http://127.0.0.1:8081/debugger-ui/

に

http://localhost:8081/debugger-ui/
9
jchavannes

バンドルを提供するノードサーバーがバックグラウンドで実行されていることを確認してください。サーバーを起動するには、npm startまたはreact-native startを使用し、開発中はタブを開いたままにします。

2
Chethan N

私の場合は、リモートJSデバッグを有効にするをタップすると、chromeが起動しますが、接続できません。

私は走ろうとしました：

adb reverse tcp:8081 tcp:8081

、したがうまくいきませんでした。

私はクロムを完全にアンインストールして新しいものをインストールしました。そしてそれはうまくいきます。

2
Steven Fang
  1. 一方のタブでreact-native start --reset-cache、もう一方のタブでreact-native run-Android
  2. adb reverse tcp：8081 tcp：8081（スクリプトに追加して実行することができますyarn run adb -reverse）
  3. Androidを使用している場合は、携帯電話を振る代わりにadbコマンドを実行することをお勧めします

だから実行することができます：

  • adbシェル入力キーイベント82（メニューオプション）
  • adbシェル入力キーイベント46 46（reload）
1
Ribamar Santos

もしあなたがそれをうまく動かさなかったら、専門の開発者が特別に提供したRibamar Santosの印象的な答えをすべて含むことで、あなたはもっとトリッキーなものをチェックしなければなりません！

あなたの（エミュレートされた）電話のAirplane modeのようなもの！あるいはあなたのnetwork status of Emulator（Data status and Voice status on Cellular tab of Emulator configuration）はネットワークを表現しないように操作されるかもしれません！いくつかのエミュレーションニーズがあります。

私はこのトリックでこの問題を克服しました！この穴を見つけるのは少し息をのむようなデバッグでした！

0
AbdolHosein

アプリケーションをアンインストールしてから、react-native run-Androidを実行します。それからクロムのデバッグの終了をクリックしてください http：// localhost：8081/debugger-ui/ を置き換えてください。まだ成功していない場合は、もう一度やり直してください。

0
muhyidin

私の場合は、npmパッケージもインストールする必要があります

そう

npm install react-native-debugger -g
0
Ehsan sarshar

@sajibの答えをして、このスクリプトを使ってポートをリダイレクトしました。

#!/usr/bin/env bash

# packager
adb reverse tcp:8081 tcp:8081
adb -d reverse tcp:8081 tcp:8081
adb -e reverse tcp:8081 tcp:8081

echo "???? React Native Packager Redirected ????"
0
Thomazella