Impossible de se connecter avec le débogueur distant

Question

J'utilise React.JS et quand je le fais react-native run-android (avec mon périphérique branché), je vois une page vierge. Lorsque je secoue l'appareil et que je sélectionne Debug JS Remotely dans la liste des options, l'écran suivant s'affiche.

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
 

Answer 1

Dans mon cas, le problème était que l'émulateur demandait à:

http://10.0.2.2:8081/debugger-ui

au lieu de:

http://localhost:8081/debugger-ui et la demande a échoué.

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

Answer 2

Résolu le problème pour moi suivant:

• Appuyez sur Cmd + M sur l'écran de l'émulateur
• Aller à Dev settings > Debug server host & port for device
• Définir localhost:8081
• Relancez l'application Android: react-native run-android

Le débogueur est connecté maintenant!

Answer 3

Je l'ai résolu en faisant adb reverse tcp:8081 tcp:8081 puis reload sur mon téléphone.

Answer 4

Dans mon cas, la sélection de Débogage JS à Distance lancé Chrome, mais ne branchez pas l'appareil android. Normalement, le nouveau Chrome onglet/fenêtre de débogage URL pré-renseignées dans la barre d'adresse, mais dans ce cas, la barre d'adresse est vide. Après la période de timeout, "Impossible de se connecter avec le remote debugger" message d'erreur était affiché. J'ai corrigé cela en suivant la procédure suivante:

• Exécutez adb reverse tcp:8081 tcp:8081
• Collez http://localhost:8081/debugger-ui dans le champ d'adresse de mon navigateur google Chrome. Vous devriez voir la normale de débogage de l'écran mais votre application ne sera pas encore connecté.

Cela devrait résoudre le problème. Si non, vous devrez peut-être prendre les mesures suivantes:

• Fermer et de le désinstaller l'application à partir de votre appareil Android
• Réinstaller l'application, avec react-native run-android
• Activer le débogage distant sur votre application.
• Votre application doit maintenant être connecté à le débogueur.

Answer 5

J'ai eu un problème similaire qui m'a conduit à cette question. Dans mon navigateur débogueur je recevais ce message d'erreur:

L'accès à chercher à 'http://localhost:8081/index.delta?platform=android&dev=true&minify=false' d'origine 'http://127.0.0.1:8081"a été bloqué par la SCRO politique: Pas de "Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. Si opaque réponse répond à vos besoins, définition de la demande de la mode pour ne pas lutter pour aller chercher la ressource avec la SCRO désactivé.

Il m'a fallu un certain temps pour réaliser que j'utilisais 127.0.0.1:8081 au lieu de localhost:8081 pour mon débogueur.

Pour le fixer, j'ai simplement dû changer de Chrome à partir de:

http://127.0.0.1:8081/debugger-ui/

pour

http://localhost:8081/debugger-ui/