여전히 문제:
반응 16.0.0-alpha.6
RN 0.44.3
노드 8.2.1
npm 5.3.0
엑스코드 8.3.3
iOS 10.3 시뮬레이터

그렇다면 이전 버전에서 작업해야 합니까?

이걸 만나니 감당이 안 된다....

최신 버전에 문제가 있습니까?

패키지 프로그램이 실행 중입니까? react-native run-android 실행할 때 나타나는 것을 볼 수 있습니다. react-native start 를 사용하여 자체적으로 시작할 수도 있습니다. 여기서 문제가 패키지 프로그램이 전혀 시작되지 않는 것인지 알고 싶습니다.

예, 포장기가 실행 중입니다. react-native run-android 명령을 실행하면 packager가 8081에서 실행 중이고 "Loading Dependency Graph. Done"이라는 노드 js 창이 열립니다.
그러나 시스템 브라우저에서 " localhost:8081/index.android.js "를 시도하면 "이 사이트에 연결할 수 없습니다"라는 오류가 표시됩니다.

그러나 일반 nodejs API를 만들고 브라우저에서 테스트하면 성공적으로 열립니다.

같은 문제가 있습니다. iOS 시뮬레이터는 잘 작동합니다.

RN에서 새 프로젝트를 만들려고 할 때마다 매번 새로운 버그의 벽에 부딪히는 것과 같습니다.
다음달에 또 도전해 봐야지...

같은 문제. 누구든지 그것을 해결?

다음을 실행해 보십시오.
adb reverse tcp:8081 tcp:8081
명령 프롬프트에서 프로젝트를 다시 실행하십시오.

@ashafizullah : 저도 시도해 봤습니다. 그러나 여전히 운이 없습니다.

내 장치에서도 발생합니다.

USB가 연결되어 있고 adb가 반대로 되어 있고 패키지 프로그램이 실행 중입니다.

장치의 브라우저에서 다음 링크를 열면 번들이 성공적으로 로드됩니다.

http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

따라서 Java 코드 자체에 문제가 있는 것 같습니다.

이것에 대한 해결책이 있습니까? 저도 여기서 막혔습니다. IOS 프로젝트에서 완벽하게 작동합니다.

동일한 문제가 발생했는데 Android 앱에 다음 권한이 없기 때문입니다.

<uses-permission android:name="android.permission.INTERNET" />

따라서 Android 코드가 앱에서 원격 URL에 액세스할 수 있는지 확인하십시오.

나는 같은 문제가 있는데 아무도 그것을 해결할 수 없습니까?

저도 같은 문제를 겪고 있는데 혹시 해결책을 찾으시면 올려주세요. 감사 해요.

동일한 문제가 있습니다. adb 예약 tcp:8081 tcp:8081 을 수행한 다음 동일한 네트워크 컴퓨터와 모바일을 확인하고 개발 설정 IP:8081을 수행하지만 개발 서버에 연결할 수 없습니다. 누가 이 문제를 해결했는지, 대단히 감사합니다. 너

안녕 사람들. 나는 react-native에서 console.dir()을 사용했고 이 동작을 얻었습니다. 그리고 나는 console.dir()이 browser.window 함수이고 반응 네이티브에 브라우저가 없기 때문에 그것이 정상이라고 생각합니다. console.dir()을 제거한 후 - 내 앱이 작동했습니다.

Mac에서 동일한 문제에 직면하고 있습니다. 소식이 있습니까?

나는 장치 테스트에서 동일한 문제가 있습니다.

안드로이드 4.1.2

야. 안드로이드 버전이 5.0 미만인 분들은 USB 대신 와이파이 연결을 시도해 보셨나요? 내 앱은 Wi-Fi를 통해 연결된 후 Android 4.3(Huawei mediapad T1 8.0)에서 정상적으로 시작됩니다.

이 문제가 있었는데 나에게 그것은 postgresSQL에서 사용하고 있던 포트 8081로 밝혀졌습니다.

나는 오늘 같은 문제가 있습니다.
안드로이드 4.4.2 및 6.

여기에서도 같은 문제입니다. 짧은 잠자기 시간 후에 Mac을 다시 열 때마다 발생합니다. 아무도 이것을 해결 했습니까?
adb reverse tcp:8081 tcp:8081 - 이것은 나를 위해 작동하지 않는 것 같습니다

내 오류는 inotify limits를 변경하여 해결되었습니다.
이 링크는 https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers 를 도왔습니다.

같은이 문제, 도와주세요

나는 또한 localhost에서 그것을 실행하려고 시도하는 것과 같은 문제가 있습니다. 브라우저와 에뮬레이터에서는 작동하지만 물리적 장치에서는 작동하지 않습니다.

장치와 에뮬레이터 모두에서 Android에 대해 동일한 문제가 있습니다. 포장기에 연결할 수 없는 것 같습니다. 물리적 장치에 대해 "adb reverse ..."를 수행합니다. 또한 사용자 지정 포트에서 실행하여 "react-native start --port 8088"을 수행한 다음 앱의 dev 설정에서 IPaddress:8088 을 설정합니다.

질문: 앱(내 Android 장치에서)과 Windows PC에서 실행되는 포장기 간의 연결을 잘못 찾는 방법이 있습니까?

내가 보는 것은 "연결할 수 없음" 유형의 오류 표시뿐이며 포장기에는 로그 메시지가 없습니다. \

업데이트: "adb reverse --list"를 실행하면 두 개의 역 항목이 있는 것으로 나타났습니다. 이 문제를 수정한 후 효과가 있었던 것 같습니다. 나는 여전히 "화이트 페이지"만 가지고 있지만 그것은 다른 문제라고 생각합니다.

Android에서도 동일한 문제, iOS는 작동합니다...

어떻게 이런 일이 일어날 수 있습니까
나도 같은 문제가 발생했습니다
그러나 이전에는 모든 것이 나에게 잘 작동합니다.
그런 다음 내 데스크탑을 매우 느리게 만드는 무한 루프가 발생합니다.
그래서 나는 반응 네이티브 시작에서 얻은 에뮬레이터와 메트로 번들러를 닫기로 결정했습니다.
나는 아래에서이 코드를 시도했지만 전혀 운이 없었습니다.
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

같은 문제에 직면했고 이것으로 며칠을 낭비했습니다. 내 컴퓨터에서 기본 포트 8081이 차단된 것으로 나타났습니다. https://github.com/facebook/react-native/issues/10715 의 지침에 따라 포트를 변경했으며 이제 작동합니다.

기기의 웹 브라우저에서 이 URL을 열어볼 수 있습니까?

http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

@kevinresol , 패키지 관리자가 포트 8081에서 시작되었다고 말하고 브라우저에서 액세스할 수 없으면 포트가 방화벽에 의해 차단되었을 가능성이 큽니다. 기본 포트를 변경하거나 포트를 열 수 있는지 확인하십시오.

이전 게시물 에서 언급했듯이 장치 브라우저를 통해 번들에 액세스 할 수 있습니다.

@kevinresol과 똑같은 문제가 있습니다. 브라우저에서 번들을 볼 수 있지만 오류가 지속됩니다. 에뮬레이터를 사용 중이지만 여전히 adb reverse를 시도했지만 운이 없습니다.

@bruno02100 Windows에서 Wi-Fi를 통해 액세스하는 경우 방화벽을 비활성화해 보십시오. 문제가 해결되는지 확인하십시오.

@jerrykurian 저는 Android 에뮬레이터를 실행하는 Mac에 있습니다. 방화벽이 이미 꺼져 있습니다. 정말 이상합니다.

Debug server host & port for device 를 $#$ Dev Settings 192.168.x.x:8081 로 설정한 후 (전화를 흔들면 메뉴가 나타납니다)
나를 위한 일이야

추신: 수동으로 번들을 생성할 필요가 없습니다. 성공적으로 연결되면 자동으로 빌드됩니다.

Wi-Fi 문제 또는 Wi-Fi 솔루션이 주제에서 벗어났다고 생각합니다. OP는 adb reverse 로 USB를 통해 localhost 에 연결하는 것에 대해 이야기하고 있었습니다.

이 오류는 에뮬레이터가 잠시 가동된 후에만 발생하는 것으로 나타났습니다. 그래서 지금은 이 오류가 나타날 때마다 에뮬레이터를 다시 시작하고 react-native run-android를 실행합니다. 정말 짜증나지만 이것에 대해 살펴볼 시간이 많지 않으므로 해야 합니다.

Android 스튜디오를 통해 빌드한 후 개발 서버에 연결할 수 있지만 코드를 편집할 때 코드를 새로 고치면 내 장치 또는 에뮬레이터가 서버에 연결할 수 없습니다.

내 종속성
"반응": "16.0.0",
"반응 네이티브": "0.50.4",

장치에서 디버그 서버 호스트 및 포트를 수동으로 설정하는 @xlebenny 의 솔루션이 새로 꺼낸 CRNA 프로젝트에서 저에게 효과적임을 확인할 수 있습니다.

Android에서 CRNA를 꺼내고 실행하는 단계별 방법

터미널에서:

1. create-react-native-app myApp
2. cd myApp
3. yarn run eject (기본 옵션인 "일반 React Native 프로젝트"를 사용했습니다)
4. react-native run-android

(이제 앱을 컴파일하고 전화기에 설치해야 합니다)

전화:

1. 앱 실행(빨간색 오류 화면이 표시될 것으로 예상됩니다! - 왼쪽 하단의 닫기 버튼 클릭)
2. 전화를 흔들고 개발자 설정 을 선택하십시오.
3. 장치에 대한 디버그 서버 호스트 및 포트를 선택하고 192.168.xx:8081로 설정합니다(물론 실제 LAN IP로 설정).
4. 전화에서 앱을 다시 시작하면 상단에 "192.168.xx:8081에서 로드 중..." 녹색 막대가 표시되어야 합니다.
5. 또한 Metro Bundler에서 "Bundling index.js " 작업이 표시되어야 합니다( react-native run-android 를 실행할 때 열림).
6. 번들이 완료되면 Android 기기에서 앱이 실행되어야 합니다!

Live Reload(소스 파일이 변경될 때)는 여전히 가능합니다. 전화를 흔들고 "Enable Live Reload"를 터치하기만 하면 됩니다.

@ashafizullah 그 명령이 어떻게 문제를 해결했는지 설명해 주시겠습니까? 감사

@plong0 이 나를 위해 해결했습니다!

@bruno02100 에서 지적한 것처럼 이 오류는 장치를 장기간 열었을 때 나타나는 것 같습니다. 에뮬레이터 설정에서 빠른 부팅을 비활성화하면 해결되었습니다 👍

adb shell을 입력하고 로컬 서버에서 수신 중인지 확인하십시오. dev 설정에서 서버의 ip와 포트를 설정합니다. 수정해야 합니다.

@plong0 도움을 주셔서 감사하지만 도움이되지 않았습니다.
MAC을 사용하여 Android 기기에서 내 앱을 실행할 수 없습니다.

@ramintagizade - 앱이 내 로컬 서버에서 수신 대기하는지 어떻게 확인합니까? 명령은 무엇입니까:
adb shell [command] ?

예, adb 셸 및 netstat입니다.

http://facebook.github.io/react-native/docs/running-on-device.html 기반

브라우저에서 로컬 IP 주소(예: http://192.168.43.188:8081/)에 액세스하여 표시되는지 확인합니다.

React Native Packager가 실행 중입니다.
문서 방문

그런 다음 에뮬레이터에서 개발자 설정에 액세스합니다.

Mac 사용자의 경우 아래 단계를 수행할 수 있습니다.
1단계: "adb reverse tcp:8081 tcp:8081 " 실행
2단계: "명령 m"을 누릅니다.
3단계: "개발자 설정"을 누릅니다.
4단계: "디버그 서버 호스트 및 장치 포트"를 누릅니다.
5단계: 팝업에서 'port_id' 섹션에 "10.0.2.2:${port_id}"를 입력하고 애플리케이션을 실행 중인 포트를 사용합니다.
6단계: 이제 "react-native run-android"를 실행합니다.

Windows 컴퓨터를 사용하여 Wi-Fi를 통해 실제 Android 장치에서 앱을 디버그하려는 경우 장치가 PC 또는 랩톱의 포트에 액세스하지 못할 수 있습니다.
포트에 액세스할 수 있도록 해야 합니다. 여기에는 두 단계가 포함됩니다.

1. 먼저 방화벽에서 규칙을 만듭니다. 이렇게 하려면 다음 단계를 따르세요.

```
실행 대화 상자 열기
-유형 wf.msc
- 인바운드 규칙 클릭
-오른쪽에 있는 새 규칙을 클릭합니다.
-팝업 메뉴에서 포트를 선택하고 다음을 클릭합니다.
- tcp 포트와 특정 로컬 포트를 선택하고 8081(기본값)과 같은 포트 번호를 입력합니다.
- 연결 허용
- 프로필 섹션에서 모두 선택
- 적절한 이름과 설명을 제공
-마침 클릭

1. PC를 외부에서 액세스할 수 있도록 해야 합니다. 이렇게 하려면 다음 단계를 따르세요.
   - 제어판에서 네트워크 및 공유 센터 열기
   -어댑터 설정 변경
   - Wi-Fi 네트워크 선택
   -오른쪽 클릭, 속성
   - 공유 탭 클릭
   - 모든 체크박스를 체크

이제 react-native run-android를 실행해 보십시오.

나중에 내 에뮬레이트된 장치(안드로이드)에 인터넷(또는 네트워크) 연결이 전혀 없다는 것을 깨달았지만 비슷한 문제가 있었습니다. WiFi 또는 LTE 기호가 전혀 없었습니다. 에뮬레이터를 다시 시작해도 문제가 해결되지 않았지만 평면 모드로 전환하고 평면 모드를 다시 끄면 문제가 해결되었습니다. 제 경우에는 네트워크 연결이 끊어지는 일반적인 Android 버그일 수 있습니다.

우리는 이 문제에 직면했습니다. 이 문제를 해결하기 위해 솔루션은 간단합니다.

1. CTRL + C로 "react-native run-android"의 현재 프로세스 취소
   또는 CMD + C
2. 열린 메트로 번들러 창 명령줄 닫기
   자동으로.
3. "react-native run-android" 명령을 다시 실행합니다.

기본적으로 이 오류는 코드 문제 또는 종속성 문제와 같은 이유로 현재 빌드가 실패했음을 알려줍니다.

자세한 내용은 여기를 클릭하십시오

macOS의 Android 에뮬레이터에 문제가 발생한 원인이 확실하지 않습니다. 새로운 Android AVD를 설정하거나 다양한 Android Studio 업데이트를 설치하시겠습니까?

이 명령이 중단되었습니다.
watchman watch-del-all

이것은 나를 위해 문제를 해결했습니다.
````
양조 제거 파수꾼
양조 설치 경비원

그리고 파수꾼이 매달려 있지 않은지 확인하기 위해

watchman watch-del-all
````

마지막으로 에뮬레이터를 다시 시작하여 이 문제를 해결할 수 있습니다.

마침내 내 문제를 찾았습니다.
제 경우에는 에뮬레이터 프록시 설정을 위한 것이었습니다.
에뮬레이터 설정으로 이동하여 프록시를 설정하지 마십시오.

도움이 될 수 있기를 바랍니다.

안녕 모두,
Windows 환경에서 실행하고 Android 시뮬레이터를 사용하여 시뮬레이션하는 동안 동일한 문제를 발견했습니다.
시행 착오를 거쳐 아래와 같은 해결 방법을 찾았습니다.

1>> 기본값에서 "node_modules\react-native\local-cliserverserver.js"의 포트를 변경합니다.

process.env.RCT_METRO_PORT || 8081

에게

기본값: process.env.RCT_METRO_PORT || 9088

포트가 차단되거나 다른 응용 프로그램에 발급된 경우.
참고 : 포트 번호를 선택할 수 있습니다. 저는 9088을 선택했습니다.
2>> react-native run-android --port 9088 명령을 실행합니다(여기에 포트 번호를 입력하세요). 이 포트는 실행 중인 adb로 보내어 서버와 adb가 같은 포트에 있어야 합니다.
3>> 이제 Android 스튜디오 시뮬레이터에서 Ctrl+m을 눌러 " Dev Setting "으로 이동한 다음 Debug Server port & host for Device 를 선택하고 " localhost:9088 "을 설정합니다.
4>> http://localhost :9088/debugger-ui/ URL을 사용하여 크롬에서 개발자 콘솔을 엽니다.

이제 애플리케이션에서 변경한 내용을 로드하기 시작합니다.

지금 코딩을 즐겨보세요 :)

게시해 주셔서 감사합니다! 2018년 1월에 출시된 최신 버전의 React Native v0.53.0을 사용하지 않는 것 같습니다. 이 문제가 최신 버전에서 계속 재현되는지 확인할 수 있나요?

나는 이것을 닫을 것이지만 이것이 v0.53.0 이상에서 여전히 문제임을 확인할 수 있다면 자유롭게 새 문제를 열어주십시오.

<sub>기여 방법 • 유지 관리자에게 기대할 수 있는 사항</sub>

예, "react-native": "0.53.0"을 사용하고 있습니다.

그러나이 문제는 내부 회사 프록시를 사용할 때 발생했습니다. 회사에서 일부 포트를 차단하거나 사용 중일 수 있습니다. 그래서 이 방법을 사용하여 해결했습니다. 다른 사람들이 이 문제를 해결할 수 있도록 여기에 게시했습니다.

Android 실제 기기에서 동일한 문제.. 버전 5.1.1

단순히 명령 프롬프트를 열고 프로젝트 디렉토리로 이동하여 'yarn'을 입력하고 엔터를 치면 모두 확인됩니다.

@ashafizullah 그의 솔루션이 작동합니다!!!!

시뮬레이터이든 실제 장치이든 Android의 경우 다음과 같이 하면 됩니다.

@Alijaaan 분명히 똑같은 문제가있었습니다. 감사 해요!

내가 찾은 유일한 솔루션은 Android 스튜디오 AVD Manager 에서 현재 에뮬레이터를 제거하고 새 에뮬레이터를 추가하는 것입니다. 모두 다시 작업을 시작합니다.

감사합니다 @Alijaaan
Android Studio 프록시 설정을 사용하고 있었습니다.

"Android 스튜디오 프록시 설정 사용"을 선택 취소한 다음 "프록시 없음"을 선택합니다. 이제 모든 것이 정상입니다.

@esutton 의 의견 이 내 문제를 해결했습니다.

BTW watchman은 내가 가장 좋아하는 소프트웨어입니다. 나는 임의의 RN 문제를 찾기 위해 몇 시간 동안 하루를 일시 중지하고 watchman watch-del-all 실행하기만 하면 된다는 사실을 깨닫고 항상 기뻤습니다. 이제 그 명령도 멈추고 가끔 다시 설치해야 하므로 더욱 행복한 개발자입니다.

react-native run-android --port 9088이 저에게 효과적이었습니다. @Louies89 감사합니다

나는 해결책을 찾는다
1. 바이러스 백신 끄기
2방화벽을 닫아라

특히 네이티브 기반과 같은 타사 라이브러리를 사용하는 경우 코드의 최근 변경 사항에 문제가 있다고 생각합니다. 내가 한 일, 몇 단계 뒤로 이동 Ctrl + z , 에뮬레이터에서 앱을 제거하고 다시 시작하십시오. 그런 다음 react-native run-android 모든 것이 작동합니다! 아마도 에뮬레이터의 캐싱과 관련이 있을 수 있습니다.

@pinchez254님 말씀 에 동의합니다.첫 실행은 항상 괜찮습니다.

npm start 명령을 사용하여 npm 서버를 시작하십시오.

안녕하세요, Dev Setting(192.168.1.103:8081)에 내 PC IP 주소를 입력하고 8081 tcp 포트에 액세스하기 위해 방화벽에 인바운드 규칙을 생성했지만 다음 오류가 발생합니다.
"could not connect to development serve"
또한
브라우저 "http://localhost:8081/index.delta?platform=android&dev=true&minify=false" 를 입력하면 빌드가 시작되고 성공적으로 완료되었습니다!

나를 위해 실행:

1. adb reverse tcp:8081 tcp:8081
2. react-native start --reset-cache
3. react-native run-android

트릭을 했다

두 개의 터미널을 열어야 했습니다.
첫 실행
sudo npm start
실행 후
react-native run-ios

1. 노트북과 휴대폰이 동일한 Wi-Fi 네트워크에 있는지 확인합니다.
2. 셸을 통해 프로젝트 폴더로 이동합니다. 그런 다음 react-native run-android , react-native start --port=8088 실행
3. 기기에서 React Native 앱을 엽니다.
4. 인앱 개발자 메뉴를 엽니다. [cmd] + [M] 누르기(Windows의 경우 [Ctrl] + [M])]
5. 장치의 개발자 설정 → 디버그 서버 호스트로 이동합니다.
6. 컴퓨터의 IP 주소와 로컬 개발 서버의 포트를 입력하십시오(예: 192.168.1.100:8088).
7. 개발자 메뉴로 돌아가 JS 다시 로드를 선택합니다.

react-native run-android --port=8081 :)

내가 해결할 수 있었던 유일한 방법은 - 포트 8081에 대한 모든 참조를 검색하고 9088(사용하지 않음)로 변경하고 포트 9088로 시작하는 것입니다. 또한 Dev 설정을 포트 9088로 변경했습니다. 기본적으로 포트 8081에 대한 참조는 거의 없었습니다. node_module/react-native 디렉토리. 포트 8081은 내 환경에서 바이러스 가드에 의해 사용되었습니다.

나를 위해 Android 플랫폼 도구가 설치되지 않았습니다. 그래서 다음 명령어로 설치했습니다.
양조 통 설치 android-platform-tools

그 후 * react-native run android *로 Android 스튜디오 또는 명령줄에서 실행

Mac을 재부팅하면 문제가 해결되었습니다. 이유를 모르겠습니다.

첫째, 프로젝트 파일에 있는지 확인한 후 이 솔루션이 도움이 됩니다.
react-native start
코드 ENOSPC와 함께 오류가 발생할 가능성이 큽니다.
이 경우 다음 코드를 사용하십시오.
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
그 후 react-native start 를 다시 실행하면 ENOSPC 오류가 해결되었을 가능성이 큽니다.
다음으로 react-native run-android 를 실행하십시오.
거기에, 그것은 안드로이드 스튜디오의 안드로이드 에뮬레이터를 사용하여 리눅스에서 저에게 효과적입니다.

이 오류가 발생했습니다.
이 작업을 수행하여 솔루션을 찾았습니다.
먼저 모든 노드 모듈을 삭제했습니다.
sudo rm -rf node_modules/
그런 다음 npm 패키지를 다시 설치했습니다.
npm install

그런 다음 반응 패키지가 괜찮은지 확인하기 위해 이 명령을 실행합니다.

react-native start

그것은 패키지가 괜찮다는 것을 보여주고 루트로 안드로이드를 실행합니다.

react-native run-android --root

그런 다음 이것이 작동하는 것을 발견했습니다.

또한 Android 9부터 일반 텍스트 HTTP(비 HTTPS) 전송은 기본적으로 금지되어 있습니다. 앱을 실행하는 기기에서 개발 서버에 연결할 수 있도록 하려면 이 속성을 _AndroidManifest.xml_ 파일의 application 요소에 추가하세요.

android:usesCleartextTraffic="true"

이 Stackoverflow 문제 에 대한 추가 정보

기본 웹 브라우저에 URL을 입력하여 장치가 개발 서버에 액세스할 수 있는지 테스트할 수 있습니다.

불행히도 반응 네이티브 개발 도구는 오류의 원인을 삼키지만 유용한 스택 추적을 얻을 대상 앱 내에서 자체 HTTP 연결을 만들려고 하면 표시됩니다.

@delj 반응 네이티브 개발 도구가 오류의 원인을 삼키는 것은 불행한 일입니다.

팁: android:usesCleartextTraffic= "true" 로 릴리스를 방지하려면 manifestPlaceholders 를 사용하세요.

AndroidManifest.xml
````
android:name= ".MainApplication"

android:usesCleartextTraffic="${isDebug}"
    >

````

안드로이드/앱/빌드.gradle

 빌드 유형 {
 디버그 {
 manifestPlaceholders = [isDebug:true]
 }
 풀어 주다 {
 manifestPlaceholders = [isDebug:false]

        minifyEnabled enableProguardInReleaseBuilds
        proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        signingConfig signingConfigs.release
    }
}

나는 같은 문제가 있었고 Windows 10에서 나를 위해 일한 것은 말 그대로 CMD를 관리자로 여는 것입니다.

나는 여전히이 문제가 있습니다. 이 백업을 열 수 있습니까? 이것은 완전히 터무니없는 것입니다. 편지의 단계를 따르고 시작되지 않는 경우 "시작하기" 자습서는 어떻습니까? 나는 말 그대로 이 버그에 몇 시간을 보냈다. 페이스북은 이 문제를 해결해야 합니다. 그들의 튜토리얼은 순전히 잘못되었거나 링크할 수 있는 잘 알려진 문제 해결 사례입니다.

내 단계는 다음과 같습니다.

1. 터미널 1: adb 역방향 tcp:8081 tcp:8081
2. 터미널 1: npm 시작
3. 반응 네이티브 실행 안드로이드

여전히 이 문제가 있습니다. 또한 3단계를 수행할 때 포트 값을 추가하려고 시도했지만 작동하지 않았습니다. 누구든지 도와주세요.

나는 완전히 동정합니다. 우리는 이것을 고치는 데 한 시간을 보냈습니다.

이것은 시뮬레이터에서 작동하며 귀하의 장치에서도 동일한 접근 방식이 작동해야 한다고 생각합니다.

여기에서 진행 중인 몇 가지 문제가 있으며 그 중 가장 중요한 것은 일반 텍스트 설정입니다. 작업을 수행하기 전에 앱을 최신 Android SDK로 업데이트하지 않으면 이러한 설정이 작동하지 않습니다. 이 문제가 있는지 테스트하려면 최상위 렌더링 기능 중 하나에 이 코드를 삽입하십시오. 예: <App

fetch('http://jofarnold.com')
  .then(res => res.text())
  .then(d => alert('ok'))
  .catch(e => {
    console.error(String(e));
});

http 가 아니라 https 에 주의하십시오. 예, 내 사이트는 http가 아닙니다. 하지만 지금은 후회가 없다!

이제 시도

fetch('https://httpbin.org')
  .then(res => res.text())
  .then(d => alert('ok'))
  .catch(e => {
    console.error(String(e));
});

http 를 참고하십시오.

어느 것이 실패합니까? 둘 다 실패하면 다른 문제가 있는 것이므로 제가 도와드릴 수 없습니다. 하지만 해당 URL이 시뮬레이터의 Chrome에서 작동하는지 확인하여 네트워크가 작동하지 않는 것을 배제하십시오. 첫 번째는 실패하고(반응 기본 레드박스 제공) 두 번째는 성공하면( ok 경고) Android 보안 설정을 올바르게 설정하지 않은 것입니다. 그렇게 합시다.

먼저 <application 섹션의 android/.../AndroidManifest.xml에 다음을 입력합니다.

<manifest
....
<application
... other settings
    android:usesCleartextTraffic="true"  <---------- this
    android:networkSecurityConfig="@xml/network_security_config" <------- and this
  >
   ... etc

그런 다음 android/...res/xml/network_security_config.xml에 파일을 만듭니다(xml 디렉토리를 추가해야 할 수도 있습니다. 파일 이름은 특별한 것이 아니라 위의 참조와 동일해야 합니다). :

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">jofarnold.com</domain>
    </domain-config>
</network-security-config>

한 터미널에서 react-native start --reset-cache 를 수행하고 다른 터미널에서 react-native run-android 를 수행하도록 다시 컴파일하십시오.

이제 앱을 로드하면 확인 팝업이 표시됩니다. 좋은 물건! 내 안전하지 않은 사이트를 fetch 관리했습니다.

이제 반응 네이티브를 분류해야 합니다. 나를 위해 서버는 10.0.2.2에 있고 디버거는 localhost 또는 이와 유사한 것입니다(기억이 나지 않습니다. 메모리에서 부분적으로 이것을 쓰고 있습니다). 어느 쪽이든 그들은 다르므로 작동하지 않습니다.

이를 위해 위의 jofarnold.com 를 localhost 로 변경한 다음 앱의 설정 메뉴(mac의 경우 cmd-M) > 개발자 설정으로 이동합니다. "JS Delta 사용"을 끄고(잘 작동하지 않음) 디버깅에서 서버 호스트와 포트를 localhost:8081 로 설정합니다.

보안 구성 파일은 다음과 같아야 합니다.

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>

다시 컴파일하고 react-native start --reset-cache 를 다시 시작하면 loading... 또는 무엇이든 간에 앱 상단에 녹색 막대가 표시됩니다. 터미널에서 Delta, Map 등과 번들로 표시되어야 합니다.

내 생각에 adb reverse 을 할 필요가 없습니다. 어쨌든 RN 스크립트의 일부로 수행됩니다.

행운을 빕니다!

내 문제는 내 Android 에뮬레이터가 Wi-Fi 및 데이터에서 연결 해제되었기 때문입니다. 나는 그것들을 켜고 실행합니다. 누군가가 같은 문제에 직면하면 도움이되기를 바랍니다.

내 문제는 내 Android 에뮬레이터가 Wi-Fi 및 데이터에서 연결 해제되었기 때문입니다. 나는 그것들을 켜고 실행합니다. 누군가가 같은 문제에 직면하면 도움이되기를 바랍니다.

내가 Mateo의 의견에 추가해야 하는 한 가지 중요한 사항은 다음과 같습니다. MacBook을 닫고 다른 Wi-Fi 네트워크에서 다시 시작하면 시뮬레이터의 "와이파이"가 실패할 수 있습니다. 시뮬레이터를 다시 시작해야 합니다. 나는 이것이 특히 시뮬레이터의 문제가 아니라는 것을 알고 있지만 이 주제에 대한 좋은 SEO를 가지고 있으므로 여기에 이 ​​댓글을 남기는 것이 다른 사람에게 도움이 되기를 바랍니다.

Android 5.0 이상을 사용하여 해결했지만 Android 4..4에서 오류가 발생했습니다.

Android 5.0 이상을 사용하여 해결했지만 Android 4..4에서 오류가 발생했습니다.

나는 동의한다

Android 9 에뮬레이터를 실행 중인 경우 @delj 에 명시된 대로 manifest.xml의 Application 태그에 android:usesCleartextTraffic="true" 를 추가해야 합니다.

패키지 프로그램이 실행 중입니까? react-native run-android 실행할 때 나타나는 것을 볼 수 있습니다. react-native start 를 사용하여 자체적으로 시작할 수도 있습니다. 여기서 문제가 패키지 프로그램이 전혀 시작되지 않는 것인지 알고 싶습니다.

왜 이런 문제가 발생하나요?? OS 10.13.6이 설치된 Mac이 있고 서버가 자동으로 시작되기 전에

@JofBigHealth 감사합니다. 제안한 대로 수행했으며 에뮬레이터에서 작동하고 실제 장치에 연결합니다.
하지만 알파 채널에서 앱을 다운로드할 때 앱에 문제가 있습니다. 디버깅할 제안이 있습니까?

@ sheva007 "알파 채널"이 무엇을 의미하는지 잘 모르겠습니다. 구체적으로 어떤 문제가 있는지 설명하고 더 자세히 포함할 수 있습니까?

@JofBigHealth 누락된 정보에 대해 죄송합니다.
업데이트: 이제 작동합니다. Google Play에서 테스터가 업데이트된 작업 버전을 사용할 수 있을 때까지 기다려야 했습니다. 정말 고마워 :)
내 원래 문제는 앱이 < Android 9 잘 작동하지만 Android 9와 네트워크 호출을 하지 않는다는 것입니다. 귀하의 솔루션을 사용할 때 네트워크 호출을 포함한 앱이 예상대로 작동합니다.
하지만 Google Play 알파 채널에 제출했을 때 네트워크 호출을 하지 않습니다.

포트를 반전시키는 것이 나를 위해 일했습니다.
@ashafizullah 가 제안한 대로

내가 열었던 Android Studio를 닫으면 이상하게 문제가 해결되었습니다. 이유 불분명...

업데이트: 0.57.7로 업그레이드할 때 시뮬레이터의 경우 adb 역방향 프록시 수정을 수행하거나 개발자 메뉴에서 포트를 변경할 필요가 없습니다. 기본값은 10.0.1.1:8080(메모리에서 추측) 및 Just Works와 같습니다. react-native start 또는 react-native start --reset-cache (필요한 경우)를 실행하고 Android Studio에서 빌드하면 제대로 작동합니다. 디버깅으로 설정했다면 디버거를 실행해야 하고 Android Studio에서 다시 빌드해야 할 수 있습니다. 때때로 처음에 연결되지 않기 때문입니다(경합 조건으로 의심되는 경우). 그렇지 않으면 괜찮습니다. 앱 매니페스트에서 보안 설정을 올바르게 설정하는 것을 잊지 마십시오.

장치는 또 다른 문제입니다.

장치에서 실행하려고 할 때 동일한 문제가 있습니다. 장치에 대한 솔루션이 있습니까?

같은 문제가 있습니다. 도와주세요.

환경 변수에 경로를 추가해야 합니다. "adb" 경로는 C:Users\user\AppData\Local\Android\Sdk/platformtools에서 찾을 수 있습니다.

이것은 Windows 10에서 저에게 효과적이었습니다. (디버그 서버 호스트 및 포트를 설정한 후 .. )
방화벽 설정(Windows 방화벽>Windows 방화벽을 통해 앱 또는 기능 허용)을 확인하고 두 개의 Node.js 앱이 있지만 그 중 하나는 방화벽을 통과할 수 없다는 것을 알았습니다! 상자를 선택하고 저장하면 모든 것이 정상적으로 작동했습니다!

이 좋은 질문 .. 그리고 그 일.!

https://stackoverflow.com/questions/37180714/react-native-could-not-connect-to-development-server-android-app

Android 9 에뮬레이터를 실행 중인 경우 @delj 에 명시된 대로 manifest.xml의 Application 태그에 android:usesCleartextTraffic="true" 를 추가해야 합니다.

추천

같은 오류입니다.
windows7+안드로이드 스튜디오3.3.2.
노드 서버가 활성화되어 있고 시뮬레이터 크롬에서 127.0.0.1을 vivsit할 수 있지만 Awesome 앱은 노드 서버에 연결할 수 없습니다.
AndroidManisfesto.xml에 android:usesCleartextTraffic="true" 도 추가했지만 여전히 오류가 발생했습니다.

@aflext 빨간색 상자에서 adb reverse tcp:8081 tcp:8081 명령을 실행하셨습니까? 그것은 일반적으로 작동합니다.

@JofBigHealth URL을 127.0.0.1:8081 에서 localhost:8081 로 변경하여 해결했습니다.

제 경우 솔루션은 "원격으로 JS 디버그" 비활성화/활성화였습니다.

@ashafizullah : 저도 시도해 봤습니다. 그러나 여전히 운이 없습니다.

@ashafizullah 예, 저에게도 효과가 없습니다.

Windows를 통해 이 프로젝트를 실행할 수 있습니까????

내 오류는 inotify limits를 변경하여 해결되었습니다.
이 링크는 https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers 를 도왔습니다.

이것은 작동합니다! 정말 감사합니다!!

내 오류는 inotify limits를 변경하여 해결되었습니다.
이 링크는 https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers 를 도왔습니다.

이것은 나를 위해 일했습니다. 고마워.

<application ... 태그에 android:usesCleartextTraffic="true" 를 AndroidManifest.xml 에 추가하고 앱을 다시 빌드했습니다. 그 후, dev 서버에서 정상적으로 로드되기 시작했습니다.

디버거를 실행하고 다른 장치에 연결했기 때문에 이런 일이 발생했습니다. 따라서 디버거에 연결된 iOS 시뮬레이터는 Android 장치가 패키저에 연결하는 것을 차단하고 있었습니다. iOS 시뮬레이터에서 원격 디버깅을 중지하면 Android 장치를 연결할 수 있으며 Android 장치에서도 원격으로 디버깅을 시작할 수 있습니다.

이것은 Windows 10에서 저에게 효과적이었습니다. (디버그 서버 호스트 및 포트를 설정한 후 .. )
방화벽 설정(Windows 방화벽>Windows 방화벽을 통해 앱 또는 기능 허용)을 확인하고 두 개의 Node.js 앱이 있지만 그 중 하나는 방화벽을 통과할 수 없다는 것을 알았습니다! 상자를 선택하고 저장하면 모든 것이 정상적으로 작동했습니다!

이것은 제 문제이기도 했습니다. 감사합니다!

나는 다음과 같이 해결했다.

https://www.youtube.com/watch?v=XhiE0HEiYd4

https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows

하지만 .... 에뮬레이터에서 앱을 다시로드하면 다시 충돌하고 메시지가 표시됩니다.
개발 서버에 연결할 수 없습니다.

그래서 방화벽에 node.js와 genymotion player.exe를 추가하고 모두 재시작(geny, react)을 해서 다시 실행을 해봤는데...

ctrl+Win cmd 명령줄 ipconfig를 사용하여 ipV4 주소를 찾습니다. 광산은 192.168.0.111입니다.

성공적으로 해결되었습니다!

<application ... 태그에 android:usesCleartextTraffic="true" 를 AndroidManifest.xml 에 추가하고 앱을 다시 빌드했습니다. 그 후, dev 서버에서 정상적으로 로드되기 시작했습니다.

이 문제가 해결되었습니다. 엄청 고마워.

실제 Android 기기에서만 동일한 문제가 발생합니다.
해결책:
1) android/app/src/main/res/xml/network_security_config.xml 파일 추가

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>

2) android/app/src/main/AndroidManifest.xml에 라인 추가

<application
    ...
    android:networkSecurityConfig="@xml/network_security_config"
    ...
>

치료법을 찾으십시오.
이 문제는 다음 단계에서 문제를 해결하는 데 도움이 되었습니다.

1. (프로젝트 디렉토리에서) mkdir android/app/src/main/assets
2. react-native 번들 --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src /메인/해상도
3. 반응 네이티브 실행 안드로이드

https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows

adb reverse tcp:8081 tcp:8081 을 실행한 후 저에게 효과적이었습니다. 이전에는 패키지 서버 창을 열었지만 종속성 그래프 로드가 완료된 후 아무 일도 일어나지 않았습니다. 메세지.
이제 위에서 언급한 명령을 실행한 후 모든 것이 잘 작동합니다.

이는 네트워크 보안 구성 에 따라 Android 9.0 이상에 적용됩니다.
그래서 웹에서 찾은 가능한 모든 솔루션을 시도한 후 기본 Android logcat을 수동으로 조사하기로 결정했습니다. android:usesCleartextTraffic="true" 를 추가한 후에도 logcat에서 이것을 찾았습니다.

06-25 02:32:34.561 32001 32001 E unknown:ReactNative: Caused by: java.net.UnknownServiceException: CLEARTEXT communication to 192.168.29.96 not permitted by network security policy

그래서 반응 네이티브 앱의 소스를 검사하려고 했습니다. debug 변종에는 main 변종과 충돌하는 react-native에 의해 정의된 network-security-config가 이미 있음을 발견했습니다.

이에 대한 쉬운 해결책이 있습니다.
<app-src>/android/app/src/debug/res/xml/react_native_config.xml 로 이동
자신의 IP 주소로 새 줄을 추가하십시오.처럼:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="false">localhost</domain>
    <domain includeSubdomains="false">10.0.2.2</domain>
    <domain includeSubdomains="false">10.0.3.2</domain>
    ***<domain includeSubdomains="false">192.168.29.96</domain>***
  </domain-config>
</network-security-config>

내 컴퓨터의 로컬 IP(Linux의 경우 ifconfig 에서 확인)가 192.168.29.96이므로 * 에 위의 줄을 추가했습니다.

그런 다음 Android용으로 정리하고 다시 빌드해야 합니다!

cd <app-src>/android
./gradlew clean
cd <app-src>
react-native run-android

이것이 당신을 위해 작동하기를 바랍니다.

내가 한 일: (에뮬레이터 Android Pie 9에서 작업 중)

1. 에뮬레이터에서 Ctrl+M 및 Dev Setting Debug server host & port for device 에 IP 및 포트를 설정합니다. Bundler의 호스트 및 포트(기본값: localhost:8081 )를 사용하여 호스트 및 포트를 설정하고 다른 프로세스에 의해 포트가 차단되지 않았는지 확인합니다.
2. 홈 프로젝트 디렉토리에서 adb reverse tcp:8081 tcp:8081 실행
3. android:usesCleartextTraffic="true" $7$#$의 <application> 노드에 AndroidManifest.xml 추가
4. 위의 세 가지 사항을 완료한 후 프로젝트를 다시 시작하십시오.

@Eyesonly88 덕분 에 문제가 해결되었습니다. 감사합니다.

특히 targetSdkVersion을 API 28로 설정할 때 이 문제에 직면한 경우.

network_security_config 파일에 다음 줄을 추가하기만 하면 됩니다.

    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>

추신: 제 경우에는 각 플레이버에 대해 여러 network_security_config 파일이 있습니다. 이것은 디버깅 문제이기 때문에 디버그 플레이버의 network_security_config 파일에 이 줄을 추가하는 것으로 충분했습니다.

==================================================== =========================

아래 버그에 대한 추가 정보:

https://developer.android.com/training/articles/security-config.html 로 이동하면 위의 코드 줄이 Android API 24 ~ API 27에 대한 기본 보안 구성임을 알 수 있습니다. (Android 7.0 ~ 안드로이드 8.1).
이것은 내가 오류에 직면했던 Android 9, API 28의 경우 기본 구성이 변경되었음을 의미합니다.
더 구체적으로 말하면 Android API 28의 기본 구성은 다음과 같습니다.

    <base-config cleartextTrafficPermitted="false">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>

.
이것이 이전 API에 대한 기본 구성을 사용하는 것이 효과적인 이유입니다.

처음에 저에게 효과가 있었던 다른 것은 targetSdkVersion을 api 27로 설정하는 것이었습니다. API 28에서 실행하고 싶지 않다면 이것도 효과가 있을 수 있습니다.

Android 9 에뮬레이터를 실행 중인 경우 @delj 에 명시된 대로 manifest.xml의 Application 태그에 android:usesCleartextTraffic="true" 를 추가해야 합니다.

추천

당신은 내 시간을 절약했습니다. 정말 감사합니다.

얘들 아 에뮬레이터에서 Wi-Fi를 열면 저에게 효과적이었습니다.

내 문제를 해결 한 것은 yarn start sudo yarn start 를 사용하는 것이 었습니다.
내 package.json에 스크립트가 있습니다.

{
...
"scripts":{
"start":"react-native start"
}
....
}

xCode 또는 Android Studio와 같은 에뮬레이터를 사용하는 경우 설정에서 개발자 서버 주소를 IP로 설정할 필요가 없습니다. 자동으로 설정됩니다. 그것을 제거하고 앱을 다시 실행하십시오. 그것은 나를 위해 작동합니다.

Android 9 에뮬레이터를 실행 중인 경우 @delj 에 명시된 대로 manifest.xml의 Application 태그에 android:usesCleartextTraffic="true" 를 추가해야 합니다.

추천

당신은 내 하루를 저장

내가 한 일: (에뮬레이터 Android Pie 9에서 작업 중)

1. 에뮬레이터에서 Ctrl+M 및 Dev Setting Debug server host & port for device 에 IP 및 포트를 설정합니다. Bundler의 호스트 및 포트(기본값: localhost:8081 )를 사용하여 호스트 및 포트를 설정하고 다른 프로세스에 의해 포트가 차단되지 않았는지 확인합니다.
2. 홈 프로젝트 디렉토리에서 adb reverse tcp:8081 tcp:8081 실행
3. android:usesCleartextTraffic="true" $7$#$의 <application> 노드에 AndroidManifest.xml 추가
4. 위의 세 가지 사항을 완료한 후 프로젝트를 다시 시작하십시오.

@rafidamr 의 솔루션이 올바른지 확인할 수 있습니다. 하지만 저는 회사 환경에서 포트 8081을 사용할 수 없었기 때문에 다음과 같이 Metro Bundler를 다른 포트로 전환했습니다.

• adb reverse tcp:8088 tcp:8088
• react-native run-android --port 8088

그리고 당연히 에뮬레이터의 개발자 설정에서 새 포트를 가리켰습니다.

@camposbrunocampos 감사합니다 👏🏼 , API level 28 target: Android 9.0 를 사용하고 있었습니다.
network_security_config.xml 를 업데이트했으며 이제 에뮬레이터가 제대로 작동합니다.

ios와 android에서 시작하는 데 문제가 있었습니다(android studio 없이, xcode가 있고 xcode가 없는 Android 스튜디오에서 시도) 나는 위에 명시된 모든 것을 시도했습니다.

그래서 도움이되지 않은 것은 다음과 같습니다.

• network_security_config.xml
• adb 역방향
• IP 주소를 서버의 IP로 변경합니다.
• 등..

내가해야 할 유일한 일은 다음을 수행하는 것입니다. sudo npm start from react native project directory. 권한 문제인 것 같습니다. (맥을 사용하여)

@inspiraluna 기본 npm 설치 문제입니다. 시스템 디렉토리를 chown해야 합니다.

매니페스트에서 android:usesCleartextTraffic= "true"를 애플리케이션에 추가합니다.

....
android:usesCleartextTraffic="true"
android:theme="@style/AppTheme">

그것은 나를 위해 작동합니다.

<application ... 태그에 android:usesCleartextTraffic="true" 를 AndroidManifest.xml 에 추가하고 앱을 다시 빌드했습니다. 그 후, dev 서버에서 정상적으로 로드되기 시작했습니다.

이것은 나에게도 문제를 해결했지만 처음에 이 수정 사항을 시도했지만 작동하지 않았다고 말하면서 이 문제를 시작하겠습니다. 새 에뮬레이터로 새로 시작하고, abd를 여러 번 죽이고 다시 시작하고, Android Studio를 다시 설치하고, gradle을 업데이트하는 등의 작업을 수행해야 했습니다.

@Eyesonly88 감사합니다..효과가 있네요
나는 추가했다
android:usesCleartextTraffic= "true" to AndroidManifest.xml

슬프게도 Android 4.0을 대상으로 하고 adb reverse tcp:8081 tcp:8081 을 실행할 때 오류가 발생했습니다.

warn Failed to connect to development server using "adb reverse": Command failed: adb -s 192.168.66.103:5555 reverse tcp:8081 tcp:8081

에뮬레이터에 개발자 도구가 없는 문제를 해결한 방법은 다음과 같습니다.
이 SO 답변 은 MainApplication.java 파일을 확인하고 getUseDeveloperSupport 메서드에서 BuildConfig.Debug 를 제거하도록 제안하므로 다음과 같습니다.

        <strong i="11">@Override</strong>
        public boolean getUseDeveloperSupport() {
            // Return true to load JS from the packager.
            // If BuildConfig.DEBUG is false, assets will be loaded from assets folder.
            return true; // BuildConfig.DEBUG;
        }