React.JS를 사용하고 있으며 react-native run-android(장치가 연결된 상태에서) 빈 페이지가 표시됩니다. 장치를 흔들고 Debug JS Remotely옵션 목록에서 선택 하면 다음 화면이 표시됩니다.
참고 사항 :
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답변
필자의 경우 문제는 에뮬레이터가 다음을 요청한다는 것입니다.
http://10.0.2.2:8081/debugger-ui
대신에:
http://localhost:8081/debugger-ui 요청이 실패했습니다.
문제를 해결하려면 에뮬레이터 에서 원격 디버깅을 활성화하기 전에http://localhost:8081/debugger-ui 크롬으로 엽니 다 . 그런 다음 원격 디버깅을 활성화하고 콘솔 로그가 표시되는 크롬 페이지로 돌아갑니다.
답변
다음과 같은 문제를 해결했습니다.
Cmd + M에뮬레이터 화면에서 누르십시오- 이동
Dev settings > Debug server host & port for device - 세트
localhost:8081 - Android 앱을 다시 실행하십시오.
react-native run-android
디버거가 연결되었습니다!
답변
나는이 일을 해결 adb reverse tcp:8081 tcp:8081다음과 reload내 전화에.
답변
필자의 경우 Debug JS Remote를 선택하면 Chrome이 시작되었지만 안드로이드 장치와 연결되지 않았습니다. 일반적으로 새 Chrome 탭 / 창은 주소 표시 줄에 디버깅 URL이 미리 채워져 있지만이 경우 주소 표시 줄은 비어 있습니다. 시간 초과 기간이 지나면 “원격 디버거로 연결할 수 없습니다”오류 메시지가 표시되었습니다. 나는 다음 절차로 이것을 고쳤다.
- 운영
adb reverse tcp:8081 tcp:8081 http://localhost:8081/debugger-uiChrome 브라우저의 주소 입력란에 붙여 넣 습니다. 정상적인 디버깅 화면이 표시되지만 앱이 여전히 연결되지 않습니다.
문제를 해결해야합니다. 그렇지 않은 경우 다음 추가 단계를 수행해야합니다.
- Android 기기에서 앱을 닫고 제거
- 로 앱을 다시 설치하십시오.
react-native run-android - 앱에서 원격 디버깅을 활성화하십시오.
- 이제 앱이 디버거에 연결되어 있어야합니다.
답변
나는이 문제로 이어지는 비슷한 문제가있었습니다. 브라우저 디버거에서 다음 오류 메시지가 나타납니다.
CORS 정책에 의해 ‘ http://127.0.0.1:8081 ‘의 ‘ http : // localhost : 8081 / index.delta? platform = android & dev = true & minify = false ‘에서 가져 오기에 대한 액세스 가 CORS 정책에 의해 차단되었습니다 : 아니요 ‘액세스 제어 요청 된 리소스에 -Allow-Origin ‘헤더가 있습니다. 불투명 한 응답이 사용자의 요구를 충족시키는 경우 요청 모드를 ‘no-cors’로 설정하여 CORS가 비활성화 된 상태에서 리소스를 가져옵니다.
내가 127.0.0.1:8081대신 사용하고 있음을 깨닫는 데 시간이 걸렸습니다.localhost:8081디버거 .
문제를 해결하기 위해 Chrome을 다음과 같이 변경해야했습니다.
http://127.0.0.1:8081/debugger-ui/에
http://localhost:8081/debugger-ui/답변
번들을 제공 할 노드 서버가 백그라운드에서 실행 중인지 확인하십시오. 서버 사용을 시작 npm start하거나 react-native start개발 중에 탭을 열어 두려면
답변
내 경우는 원격 JS 디버깅 사용을 탭하면 크롬이 시작되지만 연결할 수는 없다는 것입니다.
나는 달리려고 노력했다.
adb reverse tcp:8081 tcp:8081 작동했지만 작동하지 않았습니다.
크롬을 완전히 제거하고 새 크롬을 설치했습니다. 그리고 작동합니다.