Ich verwende React.JS und wenn ich dies tue react-native run-android
(mit angeschlossenem Gerät), wird eine leere Seite angezeigt. Wenn ich das Gerät schüttle und Debug JS Remotely
aus der Optionsliste auswähle, wird der folgende Bildschirm angezeigt.
Zu Ihrer Information:
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
android
reactjs
react-native
splunk
quelle
quelle
react-native start
, um den Server zu starten.compile "com.facebook.react:react-native:+"
im Kompilierungsabschnitt.Antworten:
In meinem Fall bestand das Problem darin, dass der Emulator eine Anfrage an folgende Adresse richtete:
http://10.0.2.2:8081/debugger-ui
anstatt:
http://localhost:8081/debugger-ui
und die Anfrage schlug fehl.So beheben Sie das Problem: Öffnen Sie Chrome, bevor Sie das Remote-Debugging auf Ihrem Emulator aktivieren
http://localhost:8081/debugger-ui
. Aktivieren Sie dann das Remote-Debugging und kehren Sie zur Chrome-Seite zurück, auf der Ihre Konsolenprotokolle angezeigt werden sollen.quelle
Das folgende Problem wurde behoben:
Cmd + M
auf dem EmulatorbildschirmDev settings > Debug server host & port for device
localhost:8081
react-native run-android
Debugger ist jetzt verbunden!
quelle
Ich habe es gelöst
adb reverse tcp:8081 tcp:8081
und dannreload
auf meinem Handy.quelle
In meinem Fall wurde durch Auswahl von Debug JS Remote Chrome gestartet, aber keine Verbindung zum Android-Gerät hergestellt. Normalerweise wurde auf dem neuen Chrome-Tab / -Fenster die Debugging-URL in der Adressleiste vorab ausgefüllt, aber in diesem Fall war die Adressleiste leer. Nach Ablauf des Zeitlimits wurde die Fehlermeldung "Verbindung mit Remote-Debugger kann nicht hergestellt werden" angezeigt. Ich habe dies mit dem folgenden Verfahren behoben:
adb reverse tcp:8081 tcp:8081
http://localhost:8081/debugger-ui
in das Adressfeld meines Chrome - Browser. Sie sollten den normalen Debugging-Bildschirm sehen, aber Ihre App ist immer noch nicht verbunden.Das sollte das Problem beheben. Wenn nicht, müssen Sie möglicherweise die folgenden zusätzlichen Schritte ausführen:
react-native run-android
quelle
Ich hatte ein ähnliches Problem, das mich zu dieser Frage führte. In meinem Browser-Debugger wurde folgende Fehlermeldung angezeigt:
Es dauerte eine Weile, bis mir klar wurde, dass ich
127.0.0.1:8081
anstellelocalhost:8081
meines Debuggers verwendete.Um das Problem zu beheben, musste ich lediglich Chrome ändern von:
zu
quelle
Stellen Sie sicher, dass der Knotenserver, der das Bundle bereitstellt, im Hintergrund ausgeführt wird. Um den Server zu starten, verwenden Sie
npm start
oderreact-native start
und lassen Sie die Registerkarte während der Entwicklung geöffnetquelle
Mein Fall ist, dass wenn ich auf Remote-JS-Debugging aktivieren tippe, Chrome gestartet wird, aber keine Verbindung hergestellt werden kann.
Ich habe versucht zu rennen:
hat aber nicht funktioniert.
Ich habe mein Chrome komplett deinstalliert und ein neues installiert. Und es funktioniert.
quelle
So können Sie laufen:
quelle
Bei den anderen Antworten fehlte mir ein entscheidender Schritt. In AndroidManifest.xml musste ich usedCleartextTraffic hinzufügen:
Sie möchten dies wahrscheinlich nicht in der Produktionsversion Ihrer App beibehalten, es sei denn, Sie möchten unsichere http-Anforderungen unterstützen.
Nachdem ich dies zu meiner AndroidManifest.xml hinzugefügt hatte, folgte ich Tom Arandas Antwort und der Emulator konnte endlich eine Verbindung zum Debugger herstellen.
quelle
Ich habe @sajibs Antwort gegeben und dieses Skript verwendet, um Ports umzuleiten:
quelle
Deinstallieren Sie Ihre Anwendung und führen Sie dann React-Native Run-Android aus. Klicken Sie dann auf Debugging-Ende in Chrome. Ersetzen Sie http: // localhost: 8081 / debugger-ui / und beenden Sie run react-native run-android. Wenn Sie es immer noch nicht geschafft haben, versuchen Sie es erneut
quelle
Wenn Sie alle beeindruckenden Antworten der erfahrenen Entwickler
Ribamar Santos
erhalten haben, müssen Sie etwas Schwierigeres überprüfen, wenn Sie es nicht zum Laufen gebracht haben !So etwas wie
Airplane mode
von deinem (emulierten) Telefon! Oder Ihrnetwork status of Emulator
(Data status and Voice status on Cellular tab of Emulator configuration
), das manipuliert werden könnte, um das Netzwerk nicht auszudrücken! für einige Emulationsbedürfnisse!Ich habe dieses Problem durch diesen Trick überwunden! Es war ein atemberaubendes Debugging, dieses Loch zu finden!
quelle
In meinem Fall muss auch das npm-Paket installiert werden
so
quelle
Versuchen Sie dies hinzuzufügen
package.json
Beende alles.
npm install
npx react-native start
npx react-native run-android
Referenz: https://github.com/react-native-community/cli/issues/1081#issuecomment-614223917
quelle