ionic无法加载网页但出现错误:无法连接到服务器
Posted
tags:
篇首语:本文由小常识网(cha138.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) {
}])
;
我有同样的问题。
我通过Xcode打开了平台文件夹中的ios项目,但是我忘记了Xcode文件夹中的代码库不是最新的,因此被破坏了。
要在Xcode项目中获取新代码,请使用以下命令:
ionic cordova prepare ios
如果您的问题与我的问题根源相同,这应该会有所帮助。
如果在使用模拟器进行实时调试后使用Xcode打开项目,也可能发生此错误
离子cordova模拟ios --livereload -lc
要解决此问题,请关闭Xcode并使用再次构建项目
ionic cordova build ios
然后使用Xcode构建并运行。
我使用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" />
我找到了一个解决方案,我希望它有所帮助:https://github.com/glebmachine/cordova-plugin-ionic/commit/7c095a45a13f7349e93f14a3057153775109f635
从我的fork安装:
cordova plugin add https://github.com/glebmachine/cordova-plugin-ionic.git#v4
以上是关于ionic无法加载网页但出现错误:无法连接到服务器的主要内容,如果未能解决你的问题,请参考以下文章
连接网站显示数据库错误:无法连接到数据库:无法连接到MySQL?
Django docker 容器无法连接到 mysql 容器,出现错误“无法连接到 'db' (111) 上的 MySQL 服务器”)