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.
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:
Cmd + M
sur l’écran de l’émulateur Dev settings > Debug server host & port for device
localhost:8081
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:
adb reverse tcp:8081 tcp:8081
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:
react-native run-android
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é.