web-dev-qa-db-fra.com

ionic Impossible de charger la page Web avec l'erreur: Impossible de se connecter au serveur.

Je rencontre un problème avec les projets Ionic après la mise à jour vers Xcode 6 et iOS 8.

En essayant d'exécuter des projets, l'erreur suivante apparaît dans Xcode:

Failed to load webpage with error: Could not connect to the server.

Le journal complet est:

2014-10-11 14:08:29.468 test[23293:109668] Apache Cordova native platform version 3.6.3 is starting.
2014-10-11 14:08:29.469 test[23293:109668] Multi-tasking -> Device: YES, App: YES
2014-10-11 14:08:29.495 test[23293:109668] Unlimited access to network resources
2014-10-11 14:08:29.866 test[23293:109668] [CDVTimer][keyboard] 0.079989ms
2014-10-11 14:08:29.866 test[23293:109668] [CDVTimer][TotalPluginStartup] 0.284970ms
2014-10-11 14:08:30.721 test[23293:109668] Resetting plugins due to page load.
2014-10-11 14:08:30.764 test[23293:109668] Failed to load webpage with error: Could not connect to the server.

Même en essayant de mettre à jour Ionic et Cordova et en lançant un nouveau projet, cette erreur continue à apparaître.

Je ne pouvais pas trouver de threads avec cette erreur particulière et je ne suis pas sûr qu'il s'agisse d'un problème de compatibilité avec iOS 8 ou si quelque chose ne va pas avec ma configuration.

Merci!

MODIFIER:

Un peu plus d'informations sur le contenu des fichiers index.html et app.js

index.html:

<!DOCTYPE html>
<html ng-app="app" ng-controller="AppCtrl">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <!-- compiled CSS -->
    <link rel="stylesheet" type="text/css" href="assets/app-0.0.1.css" />

    <!-- compiled JavaScript -->
    <script type="text/javascript" src="src/app/app.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>
  </head>
  <body >
    <ion-nav-view></ion-nav-view>


    <!-- Load deferred scripts -->

    <!-- Google Maps -->
    <script src='http://maps.googleapis.com/maps/api/js?sensor=true&callback=googleMapsLoaded' defer async></script>
  </body>
</html>

et app.js (avant la compilation avec le reste des fichiers en utilisant ngbp):

angular.module( 'app', [
  'ionic',

  // Common requirements
  'templates-app',
  'templates-common',

  // Common Components
  'app.auth',

  // All page modules
  'app.businesses',
  'app.business',
  'app.search',
  'app.branch',
  'app.profile',
  'app.feed',

  // Other dependencies
  'ui.router'
])

.config(['$stateProvider', '$urlRouterProvider', function myAppConfig ($stateProvider, $urlRouterProvider) {
  $stateProvider
  .state('app', {
    url: "/app",
    abstract: true,
    templateUrl: "menu/menu.tpl.html",
    controller: 'AppCtrl'
  });

  $urlRouterProvider.otherwise( 'app/feed' );
}])

.run(['$ionicPlatform', 'appAuthService', '$sessionStorage', function($ionicPlatform, appAuthService, $sessionStorage) {
  // Initialize ionic styles
  $ionicPlatform.ready(function() {
    if(window.StatusBar) {
      // org.Apache.cordova.statusbar required
      StatusBar.styleDefault();
      StatusBar.styleLightContent();
    }
  });

  // Initialize app authentication service
  appAuthService.init();

  // Initialize a session cache validation object
  $sessionStorage.updated = {};
}])

.controller( 'AppCtrl', ['$scope', '$location', function AppCtrl ($scope, $location) {

}])

;
xcodecordovaios8ionic-framework
24
BarakChamo

J'ai eu le même problème.

J'ai ouvert le projet ios dans le dossier de la plate-forme via Xcode, mais j'ai oublié que la base de code du dossier Xcode n'était pas à jour et donc endommagée.

Pour obtenir le nouveau code dans votre projet Xcode, utilisez la commande suivante:

ionic cordova prepare ios

Si votre problème est enraciné dans le même que le mien, cela devrait aider.

78
tobika

Cette erreur peut également se produire si vous ouvrez le projet à l'aide de Xcode après avoir utilisé le débogage en direct avec l'émulateur. 

ionic cordova emulate ios --livereload -lc

Pour résoudre le problème, fermez Xcode et reconstruisez le projet à l'aide de

ionic cordova build ios

Puis construisez et exécutez en utilisant Xcode.

2
Future2020

J'ai exécuté le serveur et le simulateur et j'essaie encore de mettre à jour l'application sur l'appareil.

Puis j'ai eu le même problème

J'ai arrêté mon simulateur et re-construit l'application, puis j'ai ouvert le fichier project.xcodeproj avec Xcode et je l'ai exécuté sur l'appareil. Cela a fonctionné pour moi.

1
user3801543

J'ai trouvé une solution, j'espère que cela aide: https://github.com/glebmachine/cordova-plugin-ionic/commit/7c095a45a13f7349e93f14a3057153775109f635

Pour installer à partir de ma fourche: cordova plugin add https://github.com/glebmachine/cordova-plugin-ionic.git#v4

0
Gleb Mikheev

J'ai eu ce même problème en utilisant XCode9.3 et ionic3. Il s'avère que le problème est dû à des configurations manquantes dans "config.xml" nécessaires au bon fonctionnement de WKWebview. J'ai ajouté l'extrait de code suivant à mon fichier config.xml, avant de supprimer le dossier "plates-formes/ios" et d'exécuter à nouveau "ionic cordova build ios --prod".

 <allow-navigation href="http://localhost:8080/*" />
    <feature name="CDVWKWebViewEngine">
        <param name="ios-package" value="CDVWKWebViewEngine" />
    </feature>
    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

Voir link here pour une explication plus détaillée de la part de l'équipe ionique. 

0
omadoye abraham