Impossible de se connecter avec le débogueur distant

J’utilise React.JS et quand je fais du react-native run-android and react-native run-android (avec mon appareil branché), je vois une page blanche. Lorsque je secoue l’appareil et que vous sélectionnez Debug JS Remotely dans la liste d’options, l’écran suivant apparaît.

entrer la description de l'image ici

FYI:

 OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0 

Dans mon cas, le problème était que l’émulateur faisait une demande à:

http://10.0.2.2:8081/debugger-ui

au lieu de:

http://localhost:8081/debugger-ui et la requête échouait.

Pour résoudre le problème: Avant d’activer le débogage à distance sur votre émulateur , ouvrez http://localhost:8081/debugger-ui en chrome. Ensuite, activez le débogage distant et revenez à la page chromée où vous devriez voir les journaux de votre console.

J’ai résolu le problème suivant:

  • Appuyez sur Cmd + M sur l’écran de l’émulateur
  • Aller aux Dev settings > Debug server host & port for device
  • Set localhost:8081
  • Réexécutez l’application Android: react-native run-android

Le débogueur est connecté maintenant!

Je l’ai résolu en faisant adb reverse tcp:8081 tcp:8081 et ensuite reload sur mon téléphone.

Dans mon cas, en sélectionnant Debug JS à distance , j’ai lancé Chrome, mais je ne me suis pas connecté à l’appareil Android. Normalement, la nouvelle onglet / fenêtre Chrome aurait l’URL de débogage pré-remplie dans la barre d’adresse, mais dans ce cas la barre d’adresse était vide. Après le délai d’attente, le message d’erreur «Impossible de se connecter avec le débogueur distant» était affiché. J’ai corrigé ceci avec la procédure suivante:

  • Exécuter le adb reverse tcp:8081 tcp:8081
  • Collez http://localhost:8081/debugger-ui dans le champ d’adresse de mon navigateur Chrome. Vous devriez voir l’écran de débogage normal, mais votre application ne sera toujours pas connectée.

Cela devrait résoudre le problème. Sinon, vous devrez peut-être suivre les étapes supplémentaires suivantes:

  • Fermez et désinstallez l’application de votre appareil Android
  • Réinstallez l’application avec react-native run-android
  • Activer le débogage à distance sur votre application.
  • Votre application devrait maintenant être connectée au débogueur.

Assurez-vous que le serveur de noeuds fournissant le kit est exécuté en arrière-plan. Pour lancer le serveur, utilisez npm start ou npm start react-native start et gardez l’onglet ouvert pendant le développement

Mon cas est que lorsque je clique sur activer le débogage JS à distance, il lance chrome, mais ne peut pas s’y connecter.

J’ai essayé de courir:

 adb reverse tcp:8081 tcp:8081 

, n’a pas fonctionné.

J’ai désinstallé totalement mon chrome et en ai installé un nouveau. Et il fonctionne.

Assurez-vous de ne pas appuyer accidentellement sur “Arrêter le débogage JS à distance” sur le simulateur. S’il dit “debug JS à distance” lorsque vous ouvrez les outils de développement sur votre émulateur, vous l’avez arrêté.