L'émulation ionique ios fonctionne uniquement avec –livereload

J'ai une application ionique simple que je construis et quand je teste avec ionic serve --lab , tout semble génial, cependant, quand j'essaie d'imiter sur les simulateurs avec ionic emulate ios ionic emulate android ou ionic emulate ios ionic emulate android , l'application ne fonctionne pas Charge (il semble que tous les JS ne parviennent pas). Je peux joindre le débogueur et il n'y a pas d'erreur de console.

Mais, lorsque j'essaie d'exécuter l'application avec ionic emulate ios --livereload tout semble fonctionner ionic emulate ios --livereload .

  • Comment fonctionne Xamarin iOS et Android?
  • Les plugins ne sont pas toujours ajoutés après que cordova ajoute une plate-forme Android et iOs
  • Quel est le meilleur protocole de communication client serveur à utiliser dans Android et iOS?
  • Gotchas / bugs en développement pour WebKit sur iOS ou Android
  • Etiquette blanche, applications Android et IOS
  • Quel IDE pour Phonegap? Eclipse est-elle suffisante?
  • J'ai essayé un autre exemple d'application à partir de zéro pour exclure ma machine env et ça a bien fonctionné.

    Des idées sur la façon dont je peux faire fonctionner l'émulation sans -liverchargé?

  • Erreur: Impossible de trouver le composant Bower "ionic-platform-web-client"
  • Erreur erronée de génération ionique lors du téléchargement de gradle
  • Mailto: les liens n'ouvrant pas l'application de messagerie sur Android dans l'application cordova
  • Icône Android ionique pas la même taille / ratio original
  • Erreurs lors de la configuration d'une application ionique
  • Les plugins ne sont pas toujours ajoutés après que cordova ajoute une plate-forme Android et iOs
  • 4 Solutions collect form web for “L'émulation ionique ios fonctionne uniquement avec –livereload”

    J'ai eu le même problème aujourd'hui. Je l'ai résolu en supprimant certaines dépendances angulaires qui n'étaient pas détectées par la construction ios. Vérifiez votre jslint pour tout avertissement qui peut fournir plus d'informations sur les dépendances éventuelles qui peuvent être injectées de manière incorrecte ou manquantes.

    Voir ce commentaire sur les forums ioniques pour plus d'informations.

    Dans mon cas, l'écran blanc de la mort a été causé par de mauvaises références aux composants de la hauteur.

    Pour notre processus de construction, l'emplacement relatif des composants Bower est différent: la «source» est comparée à celle où l'application a été emballée dans «www» (les composants Bower sont copiés dans le répertoire racine).

    La référence suivante fonctionne lorsque l'application est desservie (si vous passez sur les liens dans l'inspecteur Chrome, le "…" est supprimé), mais ne fonctionne pas lorsqu'il est lancé sur un périphérique / émulateur:

     <script src="../bower_components/angular/angular.js"></script> 

    Le rechargement en direct fonctionne car l' application n'est pas diffusée à partir du système de fichiers de l'appareil . Au lieu de cela, Ionic le dessert à partir de la machine hôte et, vraisemblablement, le mauvais chemin relatif ("…") est silencieusement ignoré lorsqu'il est testé dans le navigateur.

    Réparer les chemins comme suit résolus dans le problème:

     <script src="bower_components/angular/angular.js"></script> 

    La question en suspens est de savoir pourquoi aucune erreur apparente n'est lancée par un composant de l'application.

    1. Trouver des erreurs

    Commencez votre émulation comme celle-ci

      $ ionic emulate android -l -c 

    Cela imitera avec la charge du foie et se connecte à votre console .

    Maintenant, vous devriez voir ce qui provoque l'erreur, connecté au terminal.

    2. Missing Cordova Whitelist Plugin?

    Souvent, il existe le plugin Cordova Whitelist manquant. Comme vous pouvez lire ici, faites simplement les étapes suivantes pour que ce plugin fonctionne.

     $ ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git 

    Sinon déjà ajouté.

    Ouvrez votre config.xml intérieur de votre racine de projet et ajoutez cette ligne dans la <widget> .

     <allow-navigation href="*" /> 

    Dans mon cas, le problème a été causé par un <base href="/"> dans mon index.html, ce qui n'a pas empêché Ionic de trouver des fichiers hébergés localement (via –liverload), mais empêchait tout à fait Ionic de trouver des fichiers à l'intérieur de Des iOS ou des applications Android groupées.

    coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.