2016-11-30 48 views
13

Używam React.JS, a kiedy wykonuję react-native run-android (z moim podłączonym urządzeniem) widzę pustą stronę. Kiedy potrząsam urządzeniem i wybieram Debug JS Remotely z listy opcji, widzę następujący ekran.Nie można połączyć się z zdalnym debuggerem

enter image description here

FYI:

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 
+0

W Androidzie należy uruchomić osobne okno 'reaguj-rodzimego początku', aby uruchomić serwer. –

+0

A co ze zmianą tego: 'compile" com.facebook.react: react-native: + "' w sekcji kompilacji. –

Odpowiedz

2

Upewnij się, że serwer węzeł, aby zapewnić pakiet jest uruchomiony w tle. Aby uruchomić rozpocząć korzystanie z serwera npm start lub react-native start i zachować kartę otwarte podczas rozwoju

+0

Nadal nie działa. Żaden terminal nie zwraca mi błędów – splunk

+1

Czy korzystasz z dowolnego serwera proxy lub oprogramowania proxy, takiego jak charles ... Zatrzymaj je, jeśli istnieje. –

+0

Nie, nie używam żadnego proxy – splunk

15

Rozwiązałem to robi adb reverse tcp:8081 tcp:8081 a następnie reload na moim telefonie.

+0

To rozwiązało problem dla mnie – dlvx

11

W moim przypadku wybranie Debuguj JS zdalnie uruchomił Chrome, ale nie połączył się z urządzeniem z Androidem. Zwykle na nowej karcie/oknie Chrome byłby wyświetlany adres URL debugowania w pasku adresu, ale w tym przypadku pasek adresu był pusty. Po upływie limitu czasu wyświetlany był komunikat o błędzie "Nie można połączyć się z zdalnym debuggerem". Naprawiłem to z następującą procedurą:

  • Run adb reverse tcp:8081 tcp:8081
  • Wklej http://localhost:8081/debugger-ui w polu adresowym przeglądarce Chrome. Powinieneś zobaczyć normalny ekran debugowania, ale Twoja aplikacja nadal nie będzie połączona.

To powinno naprawić problem. Jeśli nie, być może trzeba podjąć następujące dodatkowe czynności:

  • zamknąć i odinstalować aplikację na urządzeniu z Androidem
  • Ponownie zainstalować aplikację z react-native run-android
  • Włącz zdalne debugowanie w swojej aplikacji.
  • Twoja aplikacja powinna być teraz połączona z debugerem.
+1

Tom ... dziękuję! Wcześniej ustawiłem swój adres IP ("Ustawienia Dev" -> "Host serwera Debug dla urządzenia") x.x.x.x: 8081 – orangesherbert

0

Mój przypadek polega na tym, że po dotknięciu opcji zdalnego debugowania JS uruchomi się chrome, ale nie można się z nim połączyć.

Próbowałem uruchomić:

adb reverse tcp:8081 tcp:8081 

, czy jednak nie działa.

Całkowicie odinstalowałem Chrome i zainstalowałem nowy. I działa.

12

W moim przypadku problem był, że emulator robił żądanie:

http://10.0.2.2:8081/debugger-ui

zamiast:

http://localhost:8081/debugger-ui i wniosek został niepowodzeniem.

Aby rozwiązać problem: Przed włączeniem zdalnego debugowania na emulatorze, otwórz http://localhost:8081/debugger-ui w chrome.Następnie włącz zdalne debugowanie i wróć do strony chrome, na której powinieneś zobaczyć dzienniki konsoli.

+1

pracował dla mnie - thx! czy znalazłeś sposób, aby ustawić go tak, aby zawsze próbował połączyć się z localhost, aby uniknąć konieczności otwierania najpierw karty chrome? – izikandrw

+1

Możesz przejść do ustawień Dev (Ctrl + M) na swoim emulatorze i zmienić serwer debugowania na "localhost: 8081". – DannyMoshe

+0

Dziękuję, zadziałało dla mnie. – Jai

Powiązane problemy