Réagir Indigènes d'Erreur: Connexion à http://localhost:8081/debugger-proxy?role=client timed out

- Je exécuter react-native run-ios de commande et de mon appli spectacle pour 3 secondes avant d'afficher cette. Je suis en cours d'exécution sur le simulateur ios

ExceptionsManager.js:76 Connexion
http://localhost:8081/debugger-proxy?role=client expiré. Êtes-vous
nœud en cours d'exécution proxy? Si vous êtes en cours d'exécution sur l'appareil, vérifiez si vous
avoir la bonne adresse IP dans RCTWebSocketExecutor.m.

Ce qui se passe lorsque vous visitez, localhost:8081/debugger-ui ?
Réagir Native code JS s'exécute à l'intérieur de cet onglet google Chrome. Appuyez sur ⌘⌥J pour ouvrir les Outils de développement. Activer la Pause a Pris des Exceptions pour une meilleure expérience de débogage. Statut: en Attente, appuyez sur ⌘R dans le simulateur pour recharger et connecter.
le ci-dessus est ce que j'ai
essayez de visiter localhost:8081/debugger-interface utilisateur dans votre navigateur?
c'est arrivé de nouveau et lorsque cela arrive, 2 réagir débogueur natif apparaissent sur google chrome. Statut: Un débogueur est déjà connecté
Si vous voyez cette erreur sur un appareil mobile, secouer l'appareil et de désactiver le débogage à distance!

InformationsquelleAutor phongyewtong | 2016-05-22

react-native

27

Je reçois cette question souvent. Habituellement, lorsque je suis en cours de développement avec le débogueur distant et je enregistrer codebreaking type d'erreur.

Essayez de recharger... Si cela ne résout pas le problème:
crlt + cmd + z. puis arrêter le débogage à distance, puis sur actualiser. Qui va le réparer, mais maintenant vous avez perdu votre débogueur. Donc, aller de nouveau...
crlt + cmd + z. ce temps de commencer le débogage à distance, puis sur actualiser de nouveau. Votre projet devrait être de retour et bon pour aller.

Cela fonctionne pour moi, mais c'est super ennuyeux et fastidieux. Je souhaite quelqu'un avait une meilleure façon.
- Merci beaucoup. ça marche!!!!
- Merci, ça a fonctionné! @phongyewtong - je pense que vous devriez accepter cette réponse, au lieu de votre propre.
- Quelqu'un a trouvé une solution de rechange à l'Expo XDE? Leur truc ne semble pas fonctionner correctement (même certains de la vue des composants), et il est devenu un énorme temps de vidange.
- J'ai remarqué que ça arrive à chaque fois quand j'ai mon iPhone avec le partage de connexion activé branché, et, dans le même temps, de se connecter à certains réseaux wi-fi sur Mac. Semble réagir-natif ne peut pas choisir l'IP à utiliser pour parler à Mac. Désactiver le partage de connexion ou de la déconnexion de la connexion wi-fi gratuite aide.
InformationsquelleAutor fozzarelo
21

J'ai réussi à le faire fonctionner sans la création d'un nouveau projet par la suppression du projet d'application dans le simulateur iOS écran d'accueil. Il fonctionne très bien maintenant.
- Je suis l'aide de l'expo, et j'avais besoin de supprimer le "ios" et "Expo" apps pour le faire fonctionner
- Je pensais que cela a fonctionné au début, mais il s'avère que c'est juste parce que l'installation de frais avait désactivé le "Débogage à Distance JS" option et il n'était plus en essayant de se connecter au débogueur.
- Avez-vous trouver une autre façon de résoudre le problème? J'ai essayé de supprimer le projet de l'app, mais j'ai toujours le même problème aussi.
- non, ce qui se passe encore parfois pour moi (toujours environ 5 secondes après l'exécution de l'application) et j'ai trouvé aucun moyen de contourner cela. Je viens de recharger l'application à chaque fois que ça arrive et puis c'est bien pour un certain temps.
- Ok... Mon application plante à chaque ~2-10 minutes lors de la Distance Js le Débogage est activé. (ne sais pas pourquoi, peut-être à cause de Domaine) Ce qui rend la RN dev un cauchemar.
- a également travaillé pour moi
- avez-vous résoudre ce problème? Il ne fonctionne pas pour moi.
InformationsquelleAutor phongyewtong
21

Pour le débogage à distance, Vos deux appareils doivent être connectés au même réseau wifi ( réseau ).
- Cela a fonctionné pour moi! l'iPad est toujours sur le mode avion à partir d'un test précédent.
- J'ai eu mon wifi désactivé. Je ne peux pas croire que j'ai eu à regarder ce jusqu'à comprendre cela.
- Me marque que celui qui a affronté la question pour cette raison
- wow!, cela a fonctionné pour moi. merci
- Je suis en train de penser la même chose que @Sean. omi erreurs comme cela devrait toujours avoir une liste des causes probables (qui en fait, j'ai vu avec d'autres erreurs dans RN, mais pas celui-ci pour une raison quelconque)
InformationsquelleAutor Kuldeep Saxena
10

Apparemment ce qui se passait pour moi parce que j'avais redémarré la réaction natif de l'emballeur alors que j'avais encore un Chrome débogueur ouvert qui a été liée à la précédente emballeur/émulateur instance.

Tuer le débogueur onglet google Chrome et d'essayer run-ios nouveau semblait pour le résoudre, sans redémarrage ou d'autres skulduggery.

InformationsquelleAutor XML
4

Problème peut être avec votre routeur. Essayez de vous connecter au wifi grâce à l'iPhone hotspot.

Sur github J'ai trouvé la solution de contournement, comment configurer le DNS pour la résolution de cette erreur sur votre mac et iPhone:
1. Sur vous dev de la machine, de la Préférence Système -> Réseau -> Wi-Fi ->
  adcanced -> nameOfYourNetwork
2. Dans l'onglet DNS changer l'ip de 8.8.8.8
3. Faire le même changement de DNS sur votre iPhone
- merci, votre solution corrigé mon problème 🙂
- C'est ce que le documentation officielle suggère: Réagir Natif utilise le wildcard DNS service xip.io à l'adresse de votre appareil. Certains routeurs ont des dispositifs de sécurité pour empêcher les Serveurs DNS pour résoudre quoi que ce soit dans les locaux de la plage d'adresse IP. Ce doit être la accepté de répondre.
InformationsquelleAutor merry_ejik
3

J'ai eu cette erreur quand j'ai oublié de revenir à l'aide du fichier d'index au lieu de jsbundle après la libération de construire.

J'avais

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

Au lieu de

jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];

Basculé fichier d'index et construite de nouveau, et cela a fonctionné.
- Vous avez sauvé mon bacon avec ce commentaire. Merci beaucoup!
InformationsquelleAutor Stanislau Buzunko
2

Dans mon cas, j'ai été sur un autre réseau que le téléphone. Pas de Carte SIM requise, j'ai seulement besoin de s'assurer que j'étais sur le même réseau (nous avons du travail et l'invité de réseaux ici). Il y a quelques notes dans la documentation pour la RN que vous pouvez les extraire (à mi-chemin en bas il y a une boîte rose avec le proxy de problème, nous avons tous été confrontés):

http://facebook.github.io/react-native/docs/running-on-device.html

InformationsquelleAutor Tracey
2

Pour moi, cela m'est arrivé quand j'avais essayer de déboguer un périphérique réel. Problème est que mon ordinateur et mon appareil n'étaient pas sur le même réseau WiFi.

InformationsquelleAutor roni litman
1

Je fixe l'ajout d'un script en "bundle réagir en code natif et images" phases de construction de l'onglet cible principale. J'ai simplement ajouté export DISABLE_XIP=NOTHANKS

Le problème est que le périphérique réel a été d'essayer de se connecter à mon adresse ip dans xip.io domaine

Je pense que ce script c'est nécessaire quand nous allons ajouter des images personnalisées actifs dans le projet xCode, mais vous pouvez vérifier l'url de l'adresse ip est incorrecte dans le Rapport onglet navigateur.

Ma configuration
react: 16.3.1, react-native-cli: 2.0.1 react-native: 0.55.4 xCode 9.4.1

Ici l'original de réagir natif de docs sur xip.io (Dépannage chapitre)
https://facebook.github.io/react-native/docs/running-on-device

Ici la possibilité de désactiver XIP.
https://github.com/facebook/metro/commit/079dcaed990abb6754c03113362e4f537cd32a24

Voici l'astuce que j'ai trouvé pour essayer cette solution
https://github.com/facebook/react-native/issues/12786
- merci, cela a fonctionné pour moi, je ne sais pas pourquoi cela n'a pas plus de votes
InformationsquelleAutor BigPurple

#if DEBUG
jsCodeLocation = [NSURL URLWithString:@"http://192.168.11.21:8081/index.bundle?platform=ios&dev=true"];
#else
#warning "PRODUCTION DEVICE"
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
#endif

Vous pouvez trouver votre adresse ip à partir de ce lien
https://kb.wisc.edu/page.php?id=6526

InformationsquelleAutor Selçuk İtmiş

0

Ce qui se passait pour moi aussi. J'ai un peu corrigé avec un redémarrage... allez comprendre. Je devine Métro Bundler n'a pas été en mesure de lancer due à port 8081 déjà été pris par un autre processus. Après un redémarrage, j'ai couru react-native run-ios nouveau et cette fois, le simulateur a lancé correctement sans erreur.

Vous l'esprit, ce qui m'arrivait dans un tout nouveau projet.

InformationsquelleAutor rii
0

J'ai été confronté à la même question pour iOS.

Ci-dessous des astuces fonctionné pour moi:
- Ouvrir un projet dans Xcode.
- Aller au Produit-> Système-> EditScheme-> Exécuter.
- Envirionment variable Cliquez sur + Signe.
- Ajouter drapeau OS_ACTIVITY_MODE avec la valeur disable.
- D'exécuter votre application à partir de Xcode (Avant cela, à proximité de l'emballeur.)
Espère que cela aidera quelqu'un.

InformationsquelleAutor Cool7

J'ai essayé beaucoup et, enfin, fixe en ajoutant NSAllowsArbitraryLoads pour info.plist.

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

InformationsquelleAutor alphacat2018

0

J'ai eu la même erreur même si elle est à même de réseau.

Supprimer l'application de votre appareil et de le créer encore une fois. Va travailler.

InformationsquelleAutor Tuan Nguyen

Vous devez vous connecter pour publier un commentaire.