Ionic-framework: White screen on iOS after updating Cordova to 6.0.0

Created on 29 Jan 2016  路  10Comments  路  Source: ionic-team/ionic-framework

Hello!

I just updated Cordova to their latest version 6 and I've been getting the 'mysterious' white screen "of death". This happens when I emulate through xcode and through the terminal with the commands ionic emulate ios -l -c and ionic emulate ios -l -c -s --address localhost. However, using ionic emulate ios with Live Reload turned off seems to work.

I'm not receiving any errors or warnings, except when i build for iOS. Then I get 4 warnings about the UIInterfaceOrientation. note: 'interfaceOrientation' has been explicitly marked deprecated here

Here's my ionic info output;
Cordova CLI: 6.0.0
Ionic Version: 1.2.4
Ionic CLI Version: 1.7.13
Ionic App Lib Version: 0.6.5
ios-deploy version: 1.8.4
ios-sim version: 5.0.6
OS: Mac OS X El Capitan
Node Version: v5.4.1
Xcode version: Xcode 7.2 Build version 7C68

Thank you so much for any help and for Ionic in the first place!

UPDATE:
Here's a fiddle of the warnings that comes when doing ionic build ios.

Most helpful comment

Hi, try to add 'allow-navigation' tag to config.xml in root of your project:

<widget>
   <allow-navigation href="http://*/*" />
</widget>

Due to security reasons make sure to remove or appropriately customize this tag for production purposes.

Starting with Cordova 6.0 and Cordova iOS platform 4.x, application's config.xml must include the permission to allow the app to access remote content. This includes the IP's used by livereload. Here's the documentation.

On my Mac ionic2 uses 10.163.21.47, so this more strict version also worked for me and complies with the whitelist policy:

<allow-navigation href="http://10.163.21.47"/>

Remove (customize) this permission for production if livereload is the only case you need it for.

All 10 comments

This issue was moved to driftyco/ionic-platform-issues#32

Sorry, moved the wrong issue

To update; running my app through Xcode onto my device works aswell! It's only the live reloading and eventually those 4 warnings.

same issue after updating to cordova 6, everything works but livereload is stuck at splash screen.

when I was installing on wp8 I noticed the same thing, I just thought it was because it is a windows phone thing.

I did noticed that it was messing up at Windows 10 at first and it fixed itself somehow LOL

Hi, try to add 'allow-navigation' tag to config.xml in root of your project:

<widget>
   <allow-navigation href="http://*/*" />
</widget>

Due to security reasons make sure to remove or appropriately customize this tag for production purposes.

Starting with Cordova 6.0 and Cordova iOS platform 4.x, application's config.xml must include the permission to allow the app to access remote content. This includes the IP's used by livereload. Here's the documentation.

On my Mac ionic2 uses 10.163.21.47, so this more strict version also worked for me and complies with the whitelist policy:

<allow-navigation href="http://10.163.21.47"/>

Remove (customize) this permission for production if livereload is the only case you need it for.

@palenicek thank you, that did it!

@palenicek Thanks, it worked!

As it looks like @palenicek posted the solution i am going to close this issue for now. Thanks!

@palenicek Thank you so much! Worked just fine, here!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SebastianGiro picture SebastianGiro  路  3Comments

gio82 picture gio82  路  3Comments

BilelKrichen picture BilelKrichen  路  3Comments

brandyscarney picture brandyscarney  路  3Comments

masimplo picture masimplo  路  3Comments