Impossible de charger le script à partir d'actifs index.android.bundle sous Windows

Question

J'essaie de lancer mon premier projet React Native pour la première fois sur mon appareil (Android 4.2.2).

Et je reçois:

impossible de charger le script à partir d'actifs index.android.bundle

Commandes que j'ai utilisées:

1. cd (project directory)
2. react-native start
3. react-native run-android

Answer 1

J'ai rencontré le même problème en suivant la Réagir Natif tutoriel (en développement sur Linux et en ciblant Android).

Cette question m'a aidé à résoudre le problème en suivant les étapes suivantes.

1. (dans le répertoire du projet) mkdir android/app/src/main/assets
2. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
3. react-native run-android

Vous pouvez automatiser les étapes ci-dessus, en les plaçant dans scripts partie package.json comme ceci:

"android-linux": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && react-native run-android"

Ensuite, vous pouvez exécuter npm run android-linux depuis la ligne de commande à chaque fois.

Answer 2

Si vous exécutez votre application sur un périphérique physique et obtenez cette erreur

 unable to load script from assets index.android.bundle
 

essayez d'exécuter la commande:

 adb reverse tcp:8081 tcp:8081
 

Cela a fonctionné pour moi ...

Answer 3

J'ai passé des heures à essayer de comprendre cette question. Mon problème n'est pas spécifique à Windows, mais est spécifique à Android.

Accès au serveur de développement a travaillé localement et dans l'émulateur du navigateur. La seule chose qui ne fonctionne pas a accéder au serveur de développement dans l'application.

À commencer par Android 9.0 (API level 28), en texte clair est désactivée par défaut.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        ...
        android:usesCleartextTraffic="true"
        ...>
        ...
    </application>
</manifest>

Voir pour plus d'info: https://stackoverflow.com/a/50834600/1713216

Answer 4

Utilisation de npm version 4.3.0 version de rea-native-cli version 2.01 version de rea-native 0.49.5

Dans le répertoire du projet,

• mkdir android/app/src/main/assets
• react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
• react-native run-android

Le nom du fichier est passé de index.android.js à index.js

Answer 5

J'ai rencontré le même problème avec un vrai appareil Android.

Solution: d'après cette réponse de Niltoid

1. Trouvez votre adresse IP locale
2. Ouvrez l'application et secouez votre appareil Android
3. Dev Setting et> Debug Server ...
4. Collez votre adresse IP et votre port; XXXX: 8088 "(où X sont votre adresse IP locale)

pour les utilisateurs de Mac: ouvrez vos préférences de réseau, vous obtiendrez ici votre adresse IP locale.