Vous n'avez pas encore démarré le bundler. Exécutez npm start ou react-native start dans le répertoire racine de votre projet avant react-native run-android .

Un problème similaire s'est produit avec moi.
Apparemment, Mcafee bloque le port 8081. Il m'a fallu des heures pour comprendre cela.

Essayez de courir:

react-native run-android --port=1234

Lorsque l'application apparaît avec une erreur sur l'émulateur, accédez aux paramètres de développement ( Ctrl + M ).

Remplacez «hôte de débogage et port du périphérique» par «localhost: 1234».

Fermez l'application et démarrez-la à partir du tiroir d'applications.

IMPORTANT - Vous pouvez avoir de nombreux périphériques virtuels dans votre environnement. Assurez-vous que si vous changez AVD, vous répétez le réglage.

INFORMATIONS DE DÉBOGAGE-

Si vous rencontrez une erreur ci-dessus, vous devez d'abord vérifier ce qui fonctionne sur le port 8081

Le moyen le plus rapide de trouver cela utilise la commande suivante dans le terminal

react-native run-android --port=9001

si cela vous montre quelque chose, cela signifie que le port est bloqué. si possible obtenir ce port débloqué.

Sinon, vous devrez changer le port. Le processus pour le faire a déjà été mentionné dans le commentaire ci-dessus par Naveen Kumar

netstat -aon | findstr 8081

Assurez-vous que 9001 n'est pas utilisé non plus :)

Essayez ce qui suit.

1. Supprimer les dossiers Android et IOS
2. exécuter l'éjection native de réaction
3. exécuter react-native run-android

Peut-être qu'après les étapes précédentes, vous avez des exécutions npm start - --reset-cache

Je travaille, j'espère que cela vous aide.

Ma solution à cela est la suivante:

Démarrer le serveur Metro

$ react-native start

Démarrez Android

$ react-native run-android

Si vous voyez des erreurs indiquant «port 8081 déjà utilisé», vous pouvez arrêter ce processus et le réexécuter

$ react-native start

Voir la page de dépannage de React Native .

Par défaut, un petit serveur JavaScript appelé "Metro Server" s'exécute sur le port 8081.

Vous devez rendre ce port disponible pour que ce serveur démarre. Donc,

1. libérer le port
2. fermez votre appareil virtuel
3. "React-native run-android" à nouveau.

Comment libérer le port?

http://tenbull.blogspot.com/2019/05/how-to-kill-process-currently-using.html

Comment tuer le processus utilisant actuellement un port sur localhost dans Windows?

et surtout, j'ai mis à jour ma version de nœud de 8.x à 10.x (dernière), comme suggéré par facebook @ https://facebook.github.io/react-native/docs/getting-started

Je veux juste ajouter une possibilité non évidente qui n'est pas couverte ici. J'utilise @ react-native-community / netinfo pour détecter les modifications du réseau, principalement l'état du réseau. Pour tester l'état du réseau hors tension, le commutateur WIFI (sur l'émulateur) doit être désactivé. Cela coupe également efficacement le pont entre l'émulateur et l'environnement de débogage. Je n'avais pas réactivé le WIFI après mes tests car j'étais loin de l'ordinateur et je l'ai rapidement oublié à mon retour.

Il est possible que cela soit également le cas pour quelqu'un d'autre et que cela mérite d'être vérifié avant de prendre d'autres mesures drastiques.

Ces étapes m'aident vraiment:

Étape 1: Créez un répertoire dans android / app / src / main / assets

Commande Linux : mkdir android/app/src/main/assets

Étape 2: Renommez index.android.js (dans le répertoire racine) en index.js ( il existe peut-être un fichier index.js auquel cas vous n'avez pas besoin de le renommer ), puis exécutez la commande suivante:

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

Étape 3: Créez votre APK: react-native run-android

Veuillez utiliser index.js dans la dernière version.

Prendre plaisir :)

si tout est correctement configuré, essayez ceci:

adb inverse tcp: 8081 tcp: 8081

Pourquoi? "Lorsque RN Packager est en cours d'exécution, un serveur Web actif est accessible dans votre navigateur à l'adresse 127.0.0.1:8081. C'est à partir de ce serveur que le bundle JS de votre application est servi et actualisé au fur et à mesure que vous apportez des modifications. Sans le proxy inverse, votre téléphone ne pourra pas se connecter à cette adresse. "

tous les crédits à Swingline0

Pour moi, cette erreur a été causée par une mise à niveau de react-native

À partir d'Android 9.0 (niveau d'API 28), la prise en charge du texte clair est désactivée par défaut.

Si vous consultez le diff de mise à niveau, vous devez créer un manifeste de débogage android/app/src/debug/AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
</manifest>

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

https://react-native-community.github.io/upgrade-helper/

J'avais le même problème, le problème pour moi était que adb n'était pas dans le bon chemin d'environnement, l'erreur vous indique le port de métro, pendant que vous êtes dans l'adb, les ports sont tués et redémarrés.

Ajouter une variable d'environnement (ADB)

1. Variables d'environnement ouvertes
2. Sélectionnez dans la deuxième variable PATH de cadre et cliquez sur l'option d'édition ci-dessous
3. Cliquez sur ajouter une option
4. Soumettez le chemin des outils de la plate-forme SDK C: \ Users \ My User \ AppData \ Local \ Android \ Sdk \ platform-tools

Remarque : ou selon l'emplacement de adb.exe sur votre ordinateur

5. Sauvegarder les modifications

Exécutez à nouveau Android Build

$ react-native run-android

Ou

$ react-native start

$ react-native run-android

Vous pouvez essayer ce qui suit:

Ajoutez cette ligne sur votre AndroidManifest.xml

<application
[...]
android:usesCleartextTraffic="true"
/>
[...]
</application>

Après des heures à chercher une réponse. La solution était de faire un nœud de rétrogradation vers la version 12.4.

Dans mon cas, je me rends compte que l'erreur se produit juste dans la version react native 0.60 avec la version 12.6 du nœud.

J'ai vécu cela simplement parce que mon Wifi a été désactivé par erreur sur mon émulateur, je l'ai rallumé et il a commencé à fonctionner correctement. J'espère que c'est utile à quelqu'un

Pour moi, ce problème a commencé avec la mise à niveau de react-native. La mise à niveau était nécessaire pour ajouter la prise en charge 64 bits.

android {
    ...
    defaultConfig {
        ...
        targetSdkVersion 28
        ...
    }
    ...
}

De plus, une modification importante que j'ai apportée à la mise à niveau était dans ../android/build/build.gradle

Before:
-------- 
Environment:
Node: 10.15.0
npm: 6.9.0
Watchman: 4.9.0
Xcode: Not Found
Android Studio: 3.4 AI-183.6156.11.34.5692245

Packages: (wanted => installed)
react: 16.0.0-alpha.12 => 16.0.0-alpha.12
react-native: ~0.55.2 => 0.55.4
react-native-cli: 2.0.1

After:
------
info 
React Native Environment Info:
Binaries:
Node: 10.15.0
npm: 6.9.0
Watchman: 4.9.0
SDKs:
Android SDK:
API Levels: 23, 26, 27, 28
Build Tools: 27.0.3, 28.0.3
System Images: android-28 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.4 AI-183.6156.11.34.5692245
Xcode: /undefined - /usr/bin/xcodebuild
npmPackages:
react: ^16.8.6 => 16.9.0 
react-native: 0.59.9 => 0.59.9 
npmGlobalPackages:
create-react-native-app: 2.0.2
react-native-cli: 2.0.1

J'ai dû changer la targetSdkVersion de 27 à 28 après l'avertissement lorsque j'ai essayé de télécharger la version (.apk) sur la console de jeu goole. Je n'avais pas réalisé que c'était pour moi la cause première de l'erreur ci-dessus. Les réponses immédiates de @tom et @tinmarfrutos avaient un sens absolu.

J'ai résolu le problème en ajoutant android: usesCleartextTraffic = "true" à mon android / app / src / debug / AndroidManifest.xml

Si vous utilisez un système d'exploitation Linux, il se peut que votre serveur distant npm ne fonctionne pas. Ouvrez un autre terminal (avec le répertoire du projet) et exécutez cette commande sudo npm start ou sudo react-native start avant de faire sudo react-native run-android

Dans mon cas, j'ai défini un proxy dans mon émulateur. Cela revient à la normale après avoir supprimé ce proxy.

Le message d'erreur sur l'émulateur est un peu trompeur. Dans mon cas, j'ai utilisé un Macbook. J'avais besoin de modifier les autorisations sur android / gradlew en exécutant $ chmod 755 ./gradlew , puis l'application pouvait être créée et déployée sur l'émulateur Android.

Si vous êtes sous Linux, ouvrez le terminal à partir du répertoire racine de l'application et exécutez

react-native run-android

puis ouvrez une autre fenêtre de terminal et exécutez:

npm start

Dans certains cas, vous voudrez peut-être fermer le port du bundler natif React et réexécuter l'application avec le même processus

1.sudo kill -9 $(sudo lsof -t -i:9001)

2.npm start inside the project

3. react-native run-android

Ce qui a fonctionné pour moi était:

1. fermer toutes les consoles
2. ouvrir une nouvelle console
3. $ adb devices
4. assurez-vous que vous n'avez qu'un seul appareil connecté
5. $ react-native run-android

la possibilité de cette erreur est également le mauvais chemin, vérifiez une fois

 export ANDROID_HOME=/Users/microrentindia/Library/Android/sdk/
 export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

La solution qui a fonctionné pour moi est la suivante:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
]; 

ajoutez simplement trois éclaboussures dans: node_modules \ metro-config \ src \ defaults \ blacklist.js

remplacez cette pièce:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

J'ai également été confronté à ce problème. J'ai résolu cette étape suivante.

Vérifiez le chemin du sdk android dans Environment Veritable.

Ajoutez ANDROID_HOME = C:\Users\user_name\AppData\Local\Android\Sdk dans la variable système
et C:\Users\user_name\AppData\Local\Android\Sdk\platform-tools chemin dans la variable système

remplacer sharedBlacklist comme ci-dessous le segment de code,

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

dans node_modules / metro-config / src / default / blacklist.js

Ensuite, exécutez npx react-native run-android --port 9001

Bon codage ..!

[Réponse rapide]

Après avoir essayé de résoudre ce problème dans mon espace de travail, j'ai trouvé une solution.

Cette erreur est due au fait qu'il y a un problème avec Metro en utilisant certaines combinaisons de version NPM et Node.

Vous avez 2 alternatives:

• Alternative 1: essayez de mettre à jour ou de rétrograder la version de npm et du nœud.

• Alternative 2: Accédez à ce fichier: \node_modules\metro-config\src\defaults\blacklist.js et modifiez ce code:

  var sharedBlacklist = [
    /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
    /website\/node_modules\/.*/,
    /heapCapture\/bundle\.js/,
    /.*\/__tests__\/.*/
  ];
  

  et changez en ceci:

  var sharedBlacklist = [
    /node_modules[/\\]react[/\\]dist[/\\].*/,
    /website\/node_modules\/.*/,
    /heapCapture\/bundle\.js/,
    /.*\/__tests__\/.*/
  ];
  

  Veuillez noter que si vous exécutez une npm install ou une yarn install vous devez à nouveau modifier le code.

À partir d'Android 9.0 (niveau d'API 28), la prise en charge du texte clair est désactivée par défaut.

C'est ce que vous devez faire pour vous débarrasser de ce problème si vous exécutez correctement les commandes normales

1. npm installer
2. démarrage natif de réaction
3. réaction native run-android

Et modifiez votre fichier manifeste Android comme ceci.

<application
    android:name=".MainApplication"
    android:icon="@mipmap/ic_launcher"
    android:usesCleartextTraffic="true" // add this line with TRUE Value.
android:theme="@style/AppTheme">

Effectuez d'abord les étapes 4 et 5, puis vous pouvez exécuter votre projet. Si vous n'obtenez pas le résultat (avec les étapes 4 et 5), procédez comme suit

1- Essayez de rétrograder la version de votre Node (la version actuelle est 12.13.1 )

error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.

2- Ajoutez le chemin du module npm ( C:\Users\your user name\AppData\Roaming\npm ) aux variables système au lieu des variables utilisateur

3- Installez react native globalement en utilisant la commande

   react-native run-android 

4- Allez à la racine de votre répertoire de projet et exécutez la commande suivante:

  react-native start

5- Ouvrez un autre terminal à la racine de votre projet et exécutez la commande suivante:

  npm install -g react-native-cli

ÉDITER :

Vous utilisez Genymotion? Si oui, procédez comme suit:

Après l'étape ci-dessus si vous obtenez l'erreur suivante?

  choco uninstall nodejs
  choco install nodejs --version 12.8

Ouvrez votre genymotion et accédez à:

menu genymotion -> Paramètres -> ADB -> Sélectionnez ensuite utiliser les outils sdk android personnalisés (cliquez sur parcourir pour trouver l'emplacement du sdk)

Enfin, exécutez à nouveau votre projet.

Cela a fonctionné pour moi après avoir essayé plusieurs façons.

Dans le fichier node_modules\metro-config\src\defaults\blacklist.js

Remplacer:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

avec :

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

J'espère que cela t'aides.

mettre à jour cette pièce dans la liste noire du métro

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

vous pouvez également rétrograder le nœud js à la version inférieure à 12 et supprimer nodemodule, puis exécuter à nouveau npm install

J'ai fait: React-native start et npx react-native run-android.

Cependant, pour Min19, (basé sur Ubuntu), j'avais le même problème jusqu'à ce que je lance:

echo fs.inotify.max_user_watches=582222 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

De: https://reactnative.dev/docs/troubleshooting#content

Au moins, j'ai lancé l'application sur mon téléphone portable.

Essayez ces étapes si vous avez essayé tout ce qui est mentionné dans les solutions ci-dessus:

1. Créer un fichier dans android / app / src / main / assets
2. Exécutez la commande suivante:

bundle 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 / main / res

3. Maintenant, exécutez votre commande pour construire par exemple react-native run-android

J'ai eu le même problème, après avoir suivi les étapes suivantes, le problème a été résolu

1. Montres de watchman watch-del-all claires: watchman watch-del-all .
2. Supprimez le dossier node_modules: rm -rf node_modules && npm install .
3. Réinitialiser le cache de Metro Bundler: rm -rf /tmp/metro-bundler-cache-*
4. Supprimer le cache de hâte: rm -rf /tmp/haste-map-react-native-packager-*

Je suis sûr que c'est une combinaison des autres choses mentionnées ici, comme autoriser le texte clair, que j'ai activé pour localhost. Mais c'était la dernière pièce du puzzle.

project.ext.react = [
    entryFile: "index.js",

    // ADD THESE THREE

    bundleAssetName: "index.android.bundle",
    bundleInDebug: true,
    bundleInRelease: true
]

RN: 0,61,3

J'ai rencontré le même problème en suivant le tutoriel React Native (développement sous Linux et ciblage Android).

Ce problème m'a aidé à résoudre le problème dans les étapes suivantes. Exécutez les commandes suivantes dans la séquence ci-dessous:

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 des scripts faisant partie de 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 simplement exécuter npm run android-linux partir de votre ligne de commande à chaque fois.

Apparemment, aucune des réponses n'a résolu le problème pour moi. J'ai pu exécuter l'application native react sur l'émulateur, mais le même code (même lorsque le serveur était en cours d'exécution) m'a donné cette erreur lors de l'exécution de l'application sur l'appareil.

J'ai pu le résoudre en exécutant la commande suivante dans le terminal:

adb reverse tcp:8081 tcp:8081

J'ai eu le même problème. Mais cette méthode l'a résolu. Accédez au dossier android en utilisant cd android puis gradlew clean ou ./gradlew clean selon ce qui fonctionne pour votre système d'exploitation.

J'ai rencontré un problème similaire. npx react-native init crée un fichier .gitignore qui ignore le dossier <project>/android/app/src/debug . Si vous avez cloné ultérieurement ce projet, ce dossier sera manquant. La solution est simple. À l'avenir, ajoutez cette ligne au bas du fichier .gitignore.

!android/app/src/debug

Pour votre projet actuel, demandez au créateur du projet de valider ce dossier. J'ai rencontré cette erreur avec la version 0.63 native de react

Comme la plupart d'entre nous, je suppose que vous utilisez VSCODE. Dans mon cas, j'ai couru

démarrage natif de réaction npx

depuis un terminal séparé

Maintenant, exécutez npx react-native run-android à partir de votre terminal dans VSCODE

Voici comment j'ai résolu ce problème sans toucher à la construction:

1- Fermé le périphérique virtuel

2- Testé sur un périphérique physique - (cela fonctionne)

3- Création d'un nouvel appareil virtuel avec l'API 30 Android 10+

4- Essayez à nouveau sur le périphérique virtuel nouvellement créé, et tout fonctionne comme un charme.