URGENT: everything loading in ionic serve but not on emulate ios

Good evening, im currently working with ionic in an Hackathon and the deadline is near and we need to export our app (wich is working when i run it with ionic serve), but when i emulate ios it, nothing appears only my background wich is odd because i think we did everything as standart as possible so that we wouldnt have errors like these!!!

Any help would be appreciated


<!DOCTYPE html>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.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>


// 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 attribute in index.html)
// the 2nd parameter is an array of ‘requires’
// ‘starter.controllers’ is found in controllers.js
angular.module(‘starter’, [‘ionic’, ‘starter.controllers’])

.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) {
if (window.StatusBar) {
// org.apache.cordova.statusbar required

.config(function($stateProvider, $urlRouterProvider) {

.state(‘app’, {
url: “/app”,
abstract: true,
templateUrl: “templates/menu.html”,
controller: ‘AppCtrl’

.state(‘app.search’, {
url: “/search”,
views: {
‘menuContent’: {
templateUrl: “templates/search.html”

.state(‘app.browse’, {
url: “/browse”,
views: {
‘menuContent’: {
templateUrl: “templates/browse.html”
.state(‘app.playlists’, {
url: “/playlists”,
views: {
‘menuContent’: {
templateUrl: “templates/playlists.html”,
controller: ‘PlaylistsCtrl’

.state(‘app.single’, {
url: “/playlists/:playlistId”,
views: {
‘menuContent’: {
templateUrl: “templates/playlist.html”,
controller: ‘PlaylistCtrl’
// if none of the above states are matched, use this as the fallback

any additional info just ask away!

Thank you

If it is all fine in the browser try uninstalling the app from the emulator (hold the icon and x). Then “ionic emulate ios” (emulate, not run!)…

If that doesn’t work try:

  • ionic platform remove ios
  • ionic platform add
  • ios ionic build ios
  • ionic emulate ios

If that doesn’t work you should consider remote inspecting the device with safari - developer tools

Hope that helps