erreur "Could not get BatchedBridge, make sure your bundle is packaged properly" au démarrage de l'application

Question

En essayant de créer un projet react-native sur Android 4.4.2, j'obtiens cet écran d'erreur

et je n'ai trouvé aucun moyen de le résoudre. J'ai essayé de redémarrer le packager, de reconnecter le périphérique, et même de réinstaller react native et de lancer un nouveau projet. Sur les versions 6.0.0 et ultérieures, cela fonctionne parfaitement.

Answer 1

Une solution possible pour cela est que vous n'avez probablement pas regroupé votre application en premier, effectuez les étapes suivantes et déployez ensuite votre app-debug.apk sur votre appareil.

$ cd myproject  
$ react-native start > /dev/null 2>&1 &  
$ curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

(si le dossier assets n'existe pas, créez-le)

Puis exécuter à partir de la racine du projet

$> (cd android/ && ./gradlew assembleDebug)

installez l'apk créé sur votre appareil, depuis l'emplacement : android/app/build/outputs/apk/app-debug.apk

faites-moi savoir si cela résout votre problème

EDIT :

Vous pouvez simplement le mettre dans votre package.json comme un script pour l'automatiser, je crois qu'il sera corrigé dans les prochaines versions de react-native et sera exécuté avant l'assemblage de l'APK final, donc ce ne sera pas nécessaire (je l'espère aussi bien)

mis :

"scripts": {
    "build": "(cd android/ && ./gradlew assembleDebug)",
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "bundle-android": "react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --sourcemap-output android/app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/"
  },

ou, comme mentionné, l'équivalent en curl, mais dans la plupart des cas, la méthode ci-dessus est plus robuste.

Answer 2

Je suis également tombé sur ce problème. Ce que j'ai fait, c'est de forcer l'arrêt de l'application sur mon appareil, puis j'ai ouvert une autre console et exécuté

react-native start

puis j'ai rouvert l'application depuis mon appareil et elle a recommencé à fonctionner.

EDIT : Si vous utilisez un appareil Android via USB et que vous l'avez débranché ou que votre ordinateur s'est mis en veille, il se peut que vous deviez d'abord exécuter

adb reverse tcp:8081 tcp:8081

Answer 3

Je viens de recevoir cette erreur. Voici ce que j'ai fait pour la corriger : J'ai sélectionné Dismiss dans le menu Développeur, puis Dev Settings , Choisissez Debug server host & port for device J'ai ajouté l'adresse IP de mon ordinateur et le port : 192.168.0.xx:8xxx utilisez l'adresse IP assignée à votre machine de développement sur votre réseau wifi. Le port est généralement :8081

Une fois que j'ai fait ça, tout s'est bien passé. Aussi, lorsque vous êtes dans le menu dev, n'oubliez pas de sélectionner Enable Live Reload y Debug JS Remotely il vous rend la vie beaucoup plus facile pendant le débogage.

Answer 4

Voici ce qui a fonctionné pour moi (après avoir essayé toutes les autres solutions que j'ai trouvées...) :

Exécuter adb reverse tcp:8081 tcp:8081 à l'intérieur de \Android\sdk\platform-tools

Answer 5

J'ai eu cela aussi quand j'ai commencé pour la première fois avec React Native, en utilisant un appareil physique. Si c'est le cas, vous devez faire quelques choses supplémentaires avant de pouvoir commencer. Vous devez entrer quelques informations sur votre machine de développement dans les 'Dev Settings' de React Native.

Quand vous voyez l'erreur, secouez votre appareil . Une boîte de dialogue s'ouvre, la dernière option est 'Dev Settings'. Sélectionnez 'Debug server hot & port for device' et entrez votre IP locale et le port utilisé (généralement 8081).

Voir le dernier paragraphe de https://facebook.github.io/react-native/docs/running-on-device-Android.html