Réagir Natif 'bonjour le monde' démarrage rapide: “impossible de se connecter au serveur de développement”

Je suis en train de faire réagir natif 'bonjour le monde', et je suis en utilisant le débogage usb sur mon android.

J'ai couru react-native run-android, puis react-native start.

Je peux afficher le fichier js dans localhost, mais se 'impossible de se connecter au serveur de développement message sur mon téléphone.

J'ai suivi les instructions à exécuter adb reverse tcp:8081 tcp:8081, alors réalisé que la commande n'existe pas, donc j'ai couru adb forward tcp:8081 tcp:8081 à la place.

Toujours pas de chance. À l'aide de [email protected] ubuntu 14.04. Mon téléphone est le nexus 5 sous android 6.0.1.

Comment puis-je permettre à mon téléphone pour accéder à mon localhost?

Par la façon dont il fonctionne sur le wifi, mais j'aimerais le faire fonctionner via le port usb.

  • Va localhost sur le périphérique, le périphérique lui-même. Avez-vous essayez d'utiliser l'adresse ip réelle?
  • À droite, j'ai essayé d'utiliser la commande transférer à l'avant de mon pc en localhost (je pense que c'est la façon dont il fonctionne). Qui n'a pas fonctionné. À l'aide de mon adresse ip et wifi, a fait un travail. J'aimerais utiliser une connexion usb, cependant, et ne pouvez pas obtenir que cela fonctionne.
  • L'utilisation d'un port usb pour quoi exactement? La connexion internet n'est pas aller sur usb
  • Si j'ai interprété adb forward correctement en ligne, il transfère à partir du PC et de l'appareil
  • OK, bon à savoir. Le dépannage info semble donner 2 options, une connexion filaire, sans fil. 1. Si vous êtes sur une connexion filaire, exécutez " bad inverse ...'. 2. Si votre appareil est sur le même réseau wifi, vous pouvez mettre dans votre ordinateur ip/port. Je peux faire #2, mais ne peut pas faire #1. Comment dois-je faire #1, étant donné que les "inverse" n'est plus une option pour la bad de commande?
  • J'ai exactement le même problème l'exécution de la Hello World application dans l'émulateur.
  • Juste pour le fun, j'ai commencé par le début pour essayer de recréer cette. Il a travaillé ce temps. Je pense que parce que ils ont ajouté cette pour les docs: "Un problème commun est que l'emballeur n'est pas démarré automatiquement lorsque vous exécutez réagir indigènes de l'exécution android. Vous pouvez le démarrer manuellement en utilisant: cd AwesomeProject réagir indigènes démarrer"
  • Exactement comment avez-vous résolu le problème? adb forward ne fonctionne pas pour moi. Je suis sur android 4.3
  • Eh bien, comme je l'ai écrit, la chose que je pense, il fixe, pour moi, était le "réagir indigènes démarrer". Quelle est l'erreur que vous voyez? Je suis aussi sur android 6.

InformationsquelleAutor jbsmoove | 2016-03-22
  1. 25

    Juste un autre scénario, cette erreur m'est arrivé quand j'ai oublié de lancer react-native start de commande. J'ai l'habitude de suivre les étapes ici quand je commence un nouveau projet. Les étapes en un mot sont comme suit (Android dans mon cas):

    • Démarrer Android Studio -> AVD Manager -> sélectionnez votre aVD et cliquez sur Démarrer à partir de l'action

    • dans le répertoire où vous souhaitez créer votre projet, ouvrez la ligne de commande et exécuter:

      $ react-native init <Your new project name/it is also the registration name>
$ cd <the new directory you created>
$ react-native start  //This is the step that I forgot

    • Ouvrir une nouvelle invite de commande et exécutez la commande suivante dans le même répertoire(que vous venez de créer) pour lancer l'application sur votre AVD.

      $ react-native run-android

    • Si tout est configuré correctement, vous devriez voir votre nouvelle application qui s'exécute dans votre émulateur Android sous peu.

    • Vous trouverez dans le fichier index.android.js dans le répertoire d'accueil de votre projet, la dernière ligne contient l'Application de registre en utilisant le même nom que celui utilisé dans la première commande ci-dessus

    • La commande react-native start est complètement absent à l'officiel Réagir Natif prise en main guide. Merci de remarquer!
    InformationsquelleAutor Hawk
  2. 10

    adb reverse tcp:8081 tcp:8081 Ne fonctionne que pour android 5.0 + pour l'application en cours d'exécution sur les appareils avec android versions moins que 5.0 frappé commande suivante après npm start est fait dans le Terminal (dans le répertoire app de dossier).

    curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

    maintenant exécuter l'application, il va fonctionner. Seul inconvénient, c'est que chaque fois que vous effectuez un changement que vous avez besoin pour tirer de nouveau la commande et exécutez à nouveau l'application.

    InformationsquelleAutor Bhumit Mehta
  3. 4

    J'ai trouvé la solution 🙂

    Je suis sur ubuntu 16, donc, j'ai utilisé la commande ip addr show qui m'a donné mon adresse ip de l'ordinateur.

    J'ai utilisé cette adresse ip et j'ai été en mesure d'accéder à localhost sur mon mobile.

    Enfin, j'ai ajouté l'adresse ip et le port de devsettings de téléphone android et Mon application est en mesure d'accéder serveur de développement

    InformationsquelleAutor ashutosh pandey
  4. 1

    10 minutes, j'ai eu le même problème, je suppose, et la façon dont j'ai résolu ce problème a été la lecture de ce

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

    et quand je l'ai fait, j'ai trouvé que je n'avais pas android-tools-adb installé,
    alors qu'en regardant autour, j'ai trouvé

    "Aucune commande" adb "trouvé" erreur sur Ubuntu

    qui me donne la réponse

    sudo apt-get install android-tools-adb

    et après tout cela, j'ai mis 

    export PATH=${PATH}:~/android-sdk-linux/tools
export PATH=${PATH}:~/android-sdk-linux/platform-tools

    alors tout fonctionne bien, maintenant, je peux voir mon appli dans mon appareil Android.

    BTW l'option que j'choisir de réagir natif docs était celui qui me dit

    "À l'aide de la bad inverse

    Notez que cette option est disponible sur les appareils fonctionnant sous Android 5.0+ API (21).
    Avoir un appareil connecté via USB avec le débogage activé (voir le paragraphe ci-dessus sur la façon d'activer le débogage USB sur votre appareil).

    Run adb reverse tcp:8081 tcp:8081

    Vous pouvez utiliser Recharger JS et d'autres options de développement sans configuration supplémentaire

    • À l'aide de adb reverse travaillé avec mon android 5.0+, mais je ne peux pas fonctionner sur les appareils 4.0, que puis-je faire?
    • bad inverse a été introduit dans la version d'android 5.0. essayez ceci: 1.) exécutez - réagir natif de commencer 2.) puis exécutez - curl "localhost:8081/index.android.bundle?=plate-forme android" -o "android/app/src/main/assets/index.android.bundle" 3.) attendre 4.) exécuter réagir-exécution natif android
    InformationsquelleAutor Abraham Aguiñaga
  5. 1

    Je suis d'avoir vu le même problème, et c'est tout parce que l'appli android n'ont pas cette autorisation:

    <uses-permission android:name="android.permission.INTERNET" />
    InformationsquelleAutor Diogo Fernandes
  6. 0

    J'ai eu un problème similaire. Je reçois ce message d'erreur lorsque vous essayez de le faire fonctionner sur l'appareil. Il fonctionnait très bien sur mon simulateurs sur mon ordinateur.

    Le problème est quand je veux faire le bad appareils ou de réagir-exécution natif android, je voudrais obtenir "BAD n'est Pas Reconnu comme une commande interne ou externe".

    Donc ma solution était d'ajouter le chemin d'accès à adb.exe parent directory pour mes Variables d'Environnement, puis de redémarrer mon invite de commande. Après je l'ai fait, bad dispositifs ne serait pas jeter le "non reconnu interne externe bla" et la liste de mon appareil. J'ai ensuite couru réagir indigènes de l'exécution android et sur le démarrage de ne plus rouge écran montrant le complètement inutile d'erreur message d'Erreur lors de l'appel AppRegistry.runApplication! 🙂

    J'ai donc trouvé la BAD est situé dans mon dossier:

    C:\Users\dell\AppData\Local\Android\sdk\platform-tools\adb.exe
    Je suis sur un Windows 10 système. dell est mon nom d'utilisateur de l'ordinateur.

    Je suis donc allé au Système Environemnt Variables, alors trouvé "Chemin d'accès" puis cliqué sur "Modifier", puis cliqué sur "Nouveau" et ajouter "C:\Users\dell\AppData\Local\Android\sdk\platform-tools".

    InformationsquelleAutor Manuj Vashist