네이티브 대응 javascript 번들 다운로드가 100% 고착됨

네이티브 대응 javascript 번들 다운로드가 100% 고착됨

npm을 실행하려고 하면 정상적으로 동작하지만 expo까지 어플리케이션을 실행하려고 하면 100%까지 진행되며 그 이후에는 아무 일도 일어나지 않습니다.나는 거기서 정확히 무엇이 문제인지 이해하지 못하고 있다.패키지.json에 다음과 같은 것이 들어 있습니다.이 문제를 해결할 수 있도록 도와주세요.

{
  "name": "ProMeeting",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "jest-expo": "~29.0.0",
    "react-native-scripts": "^1.14.0",
    "react-test-renderer": "16.3.1"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "jest"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@babel/preset-react": "^7.0.0-beta.56",
    "expo": "^29.0.0",
    "firebase": "^5.3.1",
    "native-base": "^2.7.2",
    "react": "16.3.1",
    "react-native": "^0.55.4",
    "react-native-firebase": "^4.3.8",
    "react-native-vector-icons": "^5.0.0",
    "react-navigation": "^2.11.2"
  }
}

설명을 위해 스크린샷 추가

이런 일이 일어나는 데는 여러 가지 이유가 있는 것 같습니다.시뮬레이터에서 다른 앱을 실행하고 시뮬레이터를 재시작하고 빌드 폴더를 삭제하고 처음부터 다시 빌드하려고 했지만 이러한 접근 방식으로는 문제가 해결되지 않았습니다.

마지막으로 작동한 것은 백그라운드에서 계속 실행하던 React Native Debugger를 다시 시작하는 것이었습니다.

오프라인 조절을 활성화한 경우 React Native Debugger의 네트워크 탭을 확인할 수도 있습니다.디세블로 하면, 문제가 해결되는 경우도 있습니다.

제 경우 리모트 JS 디버깅을 켜면 항상 이 문제가 발생합니다.JS는 100%입니다. Debugger가 수 . 됩니다. 오류 메시지가 표시됩니다.Another debugger is already connected.

캐시의 리셋, 메트로 빌더의 재기동, 시뮬레이터의 재기동 등, 여러가지 시도를 해 본 결과, 지금까지 사용한 「다른 디버거」는 Chrome Devtools 뿐이라는 것이 생각나서, Chrome을 종료하고 나서, 곧바로 모든 것이 다시 동작하고 있었습니다.

앱을 디버깅하고 있던 Chrome 탭을 닫았는데도 Chrome의 백그라운드 프로세스가 디버거로 (시뮬레이터 재부팅 후에도) 연결되어 있었습니다. 기동시에 정지해 만, 은 「중간」, 「중간」, 「중간」, 「중간」이었습니다.Downloading Javascript bundle 100%★★★★★★★★★★★★★★★★★★.

Mac에서는 이렇게 문제를 해결했습니다.

1. javascript 번들 다운로드에서 화면이 100% 정지되었습니다.

2. 시뮬레이터를 선택하고 Mac에서 (명령 + D)를 누르면 시뮬레이터에 옵션 세트가 표시됩니다.

3. 응용 프로그램이 로드됩니다.

내 경우, 내 코드는 안드로이드에서는 작동했지만 iOS 시뮬레이터에서는 작동하지 않았다.

SplashScreen.preventAutoHide();그게 문제였어요

메서드를 App.js와 Main.js로 각각 두 번 호출했습니다.

App.js에서 삭제 후 동작했습니다.

에는 (내각 ( ( ()restarting the React Native Debugger★★★★★★★★★★★★★★★★★★★★★)

react-pir-firebase에 의해 같은 문제가 발생하는 경우가 많습니다.

아래는 반응-반응-반응-폭발기지의 공식 통합 가이드입니다.https://rnfirebase.io/docs/v5.x.x/installation/ios

B) didFinishLaunchingWithOptions:(NSDictionary*)launchOptions 메서드의 선두에 다음 행을 추가합니다.

[FIRApp configure ]; "RTRootView를 작성하기 전에 메서드 내에 행을 추가하는 것이 좋습니다.그렇지 않으면 JavaScript 코드에 이미 필요한 후에 초기화가 발생하여 앱이 초기화되지 않은 예외가 발생할 수 있습니다."

Google Service-Info.plist가 있습니까?포드는 설치하셨나요?시뮬레이터의 [하드웨어(Hardware)]> [컨텐츠와 설정을 모두 지웠습니까?

저도 같은 문제에 매달려서 가능한 모든 조치를 취했지만 효과가 없었습니다.모든 변경을 되돌리지만 여전히 문제가 있습니다.

저는 독자적인 솔루션을 개발했습니다.그것은 저에게 딱 맞습니다.아마 도움이 될지도 모릅니다.애플이나 안드로이드에서도 시도해 볼 수 있습니다.

1. 및 를 expo-cli react-native로 합니다.npm update -g expo-cli ★★★★★★★★★★★★★★★★★」npm update -g react-native
2. 에뮬레이터 또는 디바이스에서 expo 앱을 제거한 후 다시 설치합니다.
3. with with with with with with with with with with with with with with with expo init project_name(원래 프로젝트명을 사용하고, 백업용으로 앞의 프로젝트명을 변경합니다).
4. expo 앱에서 이 새로운 공백 앱을 실행해 보십시오. 제대로 실행되어야 합니다.
5. 명령어를 사용하여 버전을 또는 으로.json.expo install package_name(버전 경합으로 인해 가능성이 있기 때문에 수동으로).
6. 이전 및 합니다.app.json ★★★★★★★★★★★★★★★★★」App.js이 새로운 프로젝트에 대해서요.
7. :expo start -c명령어를 입력합니다.

자, 이제 작업 프로젝트를 시작합시다!
해피 코딩!!!

2021년 1월 현재 노드버전이 이 문제의 원인 중 하나일 수 있습니다.

.node -v이 「」인 는,15.x.x를 해보겠습니다.14.15.1:

$ npm install -g n
$ n 14.15.1

저 같은 경우에는 물리적 장치를 사용해 봤을 때 시뮬레이터에 설치해 보세요.그러다가 이렇게 붙어버리더라고요.디버거를 종료한 후 문제를 해결했습니다.그러기 위해서는, 다음의 순서에 따릅니다.

안드로이드:

1. 모바일 >> 설치된 앱 >> 설정으로 이동하여 앱을 선택하고 클리어 데이터를 클릭합니다.
2. 기존 앱을 제거하고 설치를 시도합니다.

IOS:

1. 기존 앱을 제거하고 새 앱으로 설치해 보십시오.
2. 장치를 흔들고 디버깅을 중지한 후 설치를 다시 시도하십시오.

제 경우 코드에 있는 for 루프를 제거했더니 이 문제를 해결하기에 충분했습니다.내 리액션 앱이 루프를 실행할 때마다 다운된 것 같아.

저 같은 경우에는

새로운 패키지(@khanshamshad32/carousel) v1.0.1을 추가했습니다.패키지에 문제가 있어 실제 디바이스의 엑스포가 %100으로 고착되었습니다.그리고 나는 모든 아이템 패키지를 삭제할 것이다.

1- 패키지에서.json(인스턴스)

2-from package-lock.json(인스턴스)

3- node_displays의 "display name" 폴더로부터

그리고 효과가 있었다.

새 리액트 네이티브 프로젝트를 설정하고 파일을 새 프로젝트로 전송한 후 다시 실행해 보십시오. 빌드 파일이 없을 때 이 문제가 발생합니다.

이 투고는 오래되었지만, 이 문제를 스스로 해결한 방법을 알려드립니다.

> install yarn

> run: yarn remove react-native

> run: yarn add react-native

> run: react-native run-android

언급URL : https://stackoverflow.com/questions/51966963/react-native-downloading-javascript-bundle-100-stuck