Greetings, whenever I try and run my Ionic App on my iPhone it shows the cordova splash screen then goes to a blank white screen. I can’t tell any errors in x-code. The app works perfectly in ionic serve.
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Monstercat Fan App</title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="/lib/angular-material/angular-material.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- ionic/angularjs js -->
<script src="/lib/ionic/js/ionic.bundle.js"></script>
<script src="/lib/angular-aria/angular-aria.js"></script>
<script src="/lib/angular-animate/angular-animate.js"></script>
<script src="/lib/hammerjs/hammer.js"></script>
<script src="/lib/angular-material/angular-material.js"></script>
<script src="/lib/angular-resource/angular-resource.js"></script>
<!-- other libraries -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-app="Monstercat">
<ion-nav-view></ion-nav-view>
</body>
</html>
app.js
// Ionic Starter App
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
angular.module('Monstercat', ['ionic', 'Monstercat.controllers', 'ngResource', 'ngMaterial'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.config(function($mdThemingProvider, $urlRouterProvider, $stateProvider) {
$mdThemingProvider.theme('default')
.primaryColor('deep-purple')
.accentColor('cyan');
$stateProvider
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: 'AppCtrl'
})
.state('app.home', {
url: "/home",
views: {
'menuContent': {
templateUrl: "templates/main.html",
controller: 'MainCtrl'
}
}
})
.state('app.release', {
url: "/release",
views: {
'menuContent': {
templateUrl: "templates/newrelease.html",
controller: 'NewVidCtrl'
}
}
})
.state('app.artists', {
url: "/artists",
views: {
'menuContent': {
templateUrl: "templates/artists.html"
}
}
})
.state('app.albums', {
url: "/albums",
views: {
'menuContent': {
templateUrl: "templates/albums.html"
}
}
})
.state('app.reddit', {
url: "/reddit",
views: {
'menuContent': {
templateUrl: "templates/reddit.html",
controller: 'FeedCtrl'
}
}
})
.state('app.wiki', {
url: "/wiki",
views: {
'menuContent': {
templateUrl: "templates/wiki.html",
}
}
})
.state('app.credits', {
url: "/credits",
views: {
'menuContent': {
templateUrl: "templates/credits.html",
}
}
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/home');
});