web-dev-qa-db-ja.com

ionicエラーでウェブページを読み込めませんでした：サーバーに接続できませんでした

Xcode 6およびiOS 8にアップデートした後、Ionicプロジェクトで問題が発生しています。

プロジェクトを実行しようとすると、Xcodeで次のエラーが発生します。

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

完全なログは次のとおりです。

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.

IonicとCordovaを更新して新しいプロジェクトを開始しようとしても、このエラーはポップアップし続けます。

この特定のエラーを持つスレッドは見つかりませんでした。これがiOS 8の互換性の問題なのか、セットアップに問題があるのか​​はわかりません。

ありがとう！

編集：

Index.htmlおよび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>

およびapp.js（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
29
BarakChamo

同じ問題がありました。

Xcodeを介してプラットフォームフォルダーでiosプロジェクトを開きましたが、Xcodeフォルダーのコードベースが最新ではなく、壊れていたことを忘れていました。

Xcodeプロジェクトで新しいコードを取得するには、次のコマンドを使用します。

ionic cordova prepare ios

あなたの問題が私のものと同じものである場合、これは助けになるでしょう。

85
tobika

このエラーは、エミュレータでライブデバッグを使用した後にXcodeを使用してプロジェクトを開いた場合にも発生する可能性があります。

イオンコルドバエミュレートios --livereload -lc

この問題を解決するには、Xcodeを閉じて、プロジェクトを再度ビルドします

ionic cordova build ios

次に、Xcodeを使用してビルドおよび実行します。

6
Future2020

XCode9.3とionic3を使用して同じ問題が発生しました。この問題は、WKWebviewが適切に機能するために必要な「config.xml」の構成が欠落していることが原因であることが判明しました。 「platforms/ios」フォルダーを削除し、「ionic cordova build ios --prod」を再度実行する前に、config.xmlに次のスニペットを追加しました。

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

ionicチームからの詳細な説明については、 リンクはこちら を参照してください。

1
omadoye abraham

サーバーとシミュレーターを実行しましたが、再度デバイス上のアプリを更新しようとしています。

その後、私は同じ問題を抱えていました

シミュレータを停止してアプリを再構築し、Xcodeでproject.xcodeprojファイルを開いてデバイスで実行しました。

1
user3801543

IOSデバイスでIonic 4アプリを実行しようとすると、この問題が発生しました。

私にとってそれを解決したのは、--addressオプションを使用して、すべてのネットワークインターフェイスでdevサーバーを実行することでした。たとえば、

ionic cordova run ios --address=0.0.0.0 --debug --consolelogs -l

1
Laurens

私は解決策を見つけました、それが役立つことを願っています： https://github.com/glebmachine/cordova-plugin-ionic/commit/7c095a45a13f7349e93f14a3057153775109f635

フォークからインストールするには：cordova plugin add https://github.com/glebmachine/cordova-plugin-ionic.git#v4

0
Gleb Mikheev