web-dev-qa-db-ja.com

ネイティブのダウンロードjavascriptバンドルを100％スタックした状態で反応する

npm startを実行しようとすると正常に動作しますが、expoでアプリケーションを実行しようとするとプロセスは100％になり、その後は何も起こりません。正確な問題はそこにありません。 package.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"
  }
}
reactjsreact-nativenpmexpo
14
Deepak

これが発生する理由は複数あるようです。シミュレーターで他のアプリを実行しようとし、シミュレーターを再起動し、ビルドフォルダーを削除してゼロから再構築しようとしましたが、これらのアプローチはいずれも問題を解決しませんでした。

最終的に機能したのはrestarting the React Native Debugger私はずっとバックグラウンドで働いていました。

20
Chirag Bhatia - chirag64

react-native-firebaseはしばしば同じ問題を引き起こします。

以下は、react-native-firebaseの公式統合ガイドです。 https://rnfirebase.io/docs/v5.x.x/installation/ios

B）didFinishLaunchingWithOptions：（NSDictionary *）launchOptionsメソッドの最初に、次の行を追加します。

[FIRApp構成]; 「RCTRootViewを作成する前にメソッド内に行を追加することをお勧めします。そうしないと、JavaScriptコードで既に必要になった後に初期化が行われ、アプリが初期化されない例外につながります。」

GoogleService-Info.plistをお持ちですか？ポッドをインストールしましたか？ハードウェア>シミュレータのすべてのコンテンツと設定を消去しましたか？

1
sonicmario

私の場合、私のコードはAndroidで機能しましたが、iOSシミュレーターでは機能しませんでした。

SplashScreen.preventAutoHide();が問題でした。

App.jsとMain.jsのメソッドをそれぞれ2回呼び出しました。

App.jsで削除した後、機能しました。

（おもう restarting the React Native Debuggerも助けた）

1
W.H Lee

まあ、この投稿は古いですが、私がこの問題を自分で解決した方法を教えてください：

> install yarn

> run: yarn remove react-native

> run: yarn add react-native

> run: react-native run-Android
0
delavago1999

たとえば、Android StudioまたはGenymotionを使用して、Android Emulatorをインストールする必要があります。次に、Android仮想デバイスを作成します。この後、仮想デバイスを起動して実行します

npm run Android

この後、Expoがデバイスで開始されます。

0
Kamil Naja

私の場合、リモートJSデバッグがオンになっているとき、これは常に起こりました。 JSバンドルは100％にロードされましたが、その後アプリがスタックしました。 React Native Debuggerは接続できませんでした。エラーメッセージAnother debugger is already connected。

すべての種類（キャッシュリセット、Metro Builderの再起動、シミュレータの再起動）を運なく試してみた後、私が今まで使用した「他のデバッガ」はChrome Devtoolsだけだったので、 Chromeを終了すると、すぐにすべてが機能しました。

結局のところ、アプリをデバッグしていたChromeタブを閉じていたにもかかわらず、Chromeアプリ（シミュレータの再起動後も）その後、起動時に何らかのブレークポイントまたは例外にヒットしたため、一時停止し、Downloading Javascript bundle 100%メッセージ。

0
cheeesus

新しい反応ネイティブプロジェクトを設定して、ファイルを新しいプロジェクトに転送してからもう一度実行してみてください。この問題は、ビルドファイルが見つからない場合に発生します。

0
Harsh Metrey