cordova ionic无法加载网页,出现错误:无法连接到服务器

bd1hkmkf  于 2022-12-04  发布在  Ionic
关注(0)|答案(9)|浏览(230)

更新到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.

即使当试图更新离子和 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) {

}])

;
plupiseo

plupiseo1#

我也有同样的问题。
我通过Xcode打开了platform文件夹中的ios项目,但我忘记了Xcode文件夹中的codebase不是最新的,因此坏了。
要在Xcode项目中获取新代码,请使用命令:

ionic cordova prepare ios

如果你的问题和我的问题一样,这应该会有帮助。

zc0qhyus

zc0qhyus2#

如果在使用模拟器进行实时调试后使用Xcode打开项目,也可能会发生此错误
模拟ios离子cordova-livereload -lc
要解决此问题,请关闭Xcode,然后使用

ionic cordova build ios

然后使用Xcode构建和运行。

v9tzhpje

v9tzhpje3#

当我试图在iOS设备上运行我的Ionic 4应用程序时,我遇到了这个问题。
我解决这个问题的方法是使用--address选项在所有网络接口上运行dev服务器,例如:
ionic cordova run ios --address=0.0.0.0 --debug --consolelogs -l

ipakzgxi

ipakzgxi4#

我在使用XCode9.3和ionic 3时遇到了同样的问题。结果发现,该问题是由于“config.xml”中缺少WKWebview正常运行所需的配置而导致的。我在删除“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" />

有关离子团队的更详细说明,请参见link here

mrzz3bfm

mrzz3bfm5#

我已经运行了服务器和模拟器,并再次尝试更新设备上的应用程序。
然后我遇到了同样的问题
我停止了我的模拟器,重新构建了应用程序,用Xcode打开了project.xcodeproj文件,并在设备上运行它。

kokeuurv

kokeuurv6#

我遇到了同样的问题,重新安装cordova-plugin-ionic-webview对我很有效。

cordova plugin rm cordova-plugin-ionic-webview
cordova plugin add cordova-plugin-ionic-webview
vulvrdjw

vulvrdjw7#

在我们的情况下(在IONIC5下)

"server": {
    "url": "http://192.168.0.6:8100"
  }

在文件“capacitor.config.json”中必须被删除。之后应用程序在移动的设备上运行流畅。

ct2axkht

ct2axkht8#

我找到了一个解决办法,希望能有所帮助:https://github.com/glebmachine/cordova-plugin-ionic/commit/7c095a45a13f7349e93f14a3057153775109f635
要从我的分支安装:cordova plugin add https://github.com/glebmachine/cordova-plugin-ionic.git#v4

m1m5dgzv

m1m5dgzv9#

如果测试设备未正确连接到WiFi网络,也可能导致此错误。您的开发计算机(即笔记本电脑)和测试设备(即移动的设备/电话)必须连接到同一个WiFi网络。
对于使用实时钉仓的实际器械测试,运行以下命令:

ionic cordova run ios -l --external

相关问题