J'essaie d'exécuter create-react-native-app sur expo app dans Android.
Tout d'abord ,j'ai créé le projet en écrivant la commande
create-react-native-app test
puis j'ai exécuté
npm start
puis scanné le code QR de l'application expo.
Mais après avoir scanné le code QR, j'obtiens l'erreur suivante :
Uncaught Error: Java.net,sockettimeoutException: failed to connect to after 10000ms
Github Issue :
https://github.com/react-community/create-react-native-app/issues/144#issuecomment-296631692
Ceci est dû au fait que le port de votre machine n'est pas ouvert.
Dans Ubuntu Exécuter dans le terminal
sudo ufw status verbose Pour voir le port ouvert, si vous ne pouvez pas trouver le port 19000 ouvert, vous devez ouvrir le port en utilisant
sudo ufw allow 19000/tcpet de nouveau exécuter
sudo ufw allow 19001/tcp
pour servir http pour react native j'ai résolu ce problème dans mon ubuntu en utilisant cette méthode. J'espère que cela vous aidera.
Pour ouvrir un port dans le pare-feu Windows pour l'accès TCP Sur l'écran Début cliquez sur Run , type WF.msc puis cliquez sur OK .
En el Pare-feu Windows avec sécurité avancée dans le Volet gauche Cliquez sur le bouton droit de la souris. Règles d'entrée puis cliquez sur New Rule dans le volet d'action.
En el Type de règle sélectionnez Port puis cliquez sur Suivant .
En el Protocole et ports sélectionnez TCP . Sélectionnez Ports locaux spécifiques puis tapez le numéro de port de l'instance du port React, comme par exemple 19000 pour l'instance par défaut. Cliquez sur Suivant .
En el Action sélectionnez Autoriser la connexion puis cliquez sur Suivant .
En el Profil sélectionnez tous les profils qui décrivent l'environnement de connexion de l'ordinateur lorsque vous voulez vous connecter au moteur de base de données, puis cliquez sur Suivant .
En el Nom saisissez un nom et une description pour cette règle, puis cliquez sur Terminer .
De même, vous pouvez ouvrir le port 19001 aussi.
Cela ne fonctionne pas pour moi, j'utilise Win10. dois-je faire une étape supplémentaire ???
Dans mon cas, les paramètres du pare-feu n'ont pas suffi. Mon problème était que les périphériques réseau de VirtualBox étaient prioritaires et que l'hôte Expo démarrait sur le mauvais réseau.
Sous Windows, vous pouvez exécuter ipconfig et regardez les adaptateurs réseau que vous avez. npm / yarn start semble prendre ce qui apparaît en premier dans cette liste.
Je l'ai découvert ici : https://github.com/react-community/create-react-native-app/issues/60
Si vous n'avez pas besoin des autres adaptateurs réseau de la liste, vous pouvez les désactiver dans l'interface Connexions réseau du Panneau de configuration.
Si vous avez besoin d'utiliser ces connexions y l'Expo travaille alors pour résoudre le problème que j'ai suivi ce processus :
- Allez dans Panneau de configuration > Réseau et Internet > Connexions réseau.
- Cliquez avec le bouton droit de la souris sur la connexion souhaitée (Connexion à priorité plus élevée)
- Cliquez sur Propriétés > Internet Protocol Version 4
- Cliquez sur Propriétés > Avancé
- Décochez la case "Mesure automatique".
- Entrez 10 dans 'Interface Metric'.
- Cliquez sur OK
Répétez l'opération pour la connexion de priorité inférieure, mais cette fois-ci, mettez 20 dans le champ "Interface Metric".
Vous utiliserez maintenant la connexion de priorité supérieure par défaut.
Vous pouvez contourner ce problème en fixant l'adresse ip de votre ordinateur portable à une ip statique, disons 192.168.1.69, puis vous devez changer l'adresse ip du packager natif de react à la même que celle de votre ordinateur portable, en utilisant
set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.1.69 (Windows)
REACT_NATIVE_PACKAGER_HOSTNAME=192.168.1.69 (Mac & Linux)recommencez votre projet et vous êtes prêt à partir.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
