My Ionic 2 app shows blank screen in iOS

It runs fine on android and browser. But when running iOS it shows blank screen and nothing is trigggered

2016-06-23 08:17:35.805 MyApp[315:27564] Apache Cordova native platform version 4.1.1 is starting.
2016-06-23 08:17:35.806 MyApp[315:27564] Multi-tasking -> Device: YES, App: YES
2016-06-23 08:17:35.922 MyApp[315:27564] Using UIWebView
2016-06-23 08:17:35.925 MyApp[315:27564] [CDVTimer][handleopenurl] 0.128984ms
2016-06-23 08:17:35.928 MyApp[315:27564] [CDVTimer][intentandnavigationfilter] 3.223002ms
2016-06-23 08:17:35.929 MyApp[315:27564] [CDVTimer][gesturehandler] 0.102043ms
2016-06-23 08:17:35.956 MyApp[315:27564] [CDVTimer][file] 27.521014ms
2016-06-23 08:17:35.985 MyApp[315:27564] [CDVTimer][splashscreen] 28.337002ms
2016-06-23 08:17:35.996 MyApp[315:27564] [CDVTimer][statusbar] 10.882974ms
2016-06-23 08:17:35.996 MyApp[315:27564] [CDVTimer][uniquedeviceid] 0.102997ms
2016-06-23 08:17:36.038 MyApp[315:27564] [CDVTimer][socialsharing] 41.799009ms
2016-06-23 08:17:36.039 MyApp[315:27564] [CDVTimer][keyboard] 0.183046ms
2016-06-23 08:17:36.039 MyApp[315:27564] [CDVTimer][TotalPluginStartup] 114.063978ms
2016-06-23 08:17:36.206 MyApp[315:27564] Resetting plugins due to page load.
2016-06-23 08:17:37.209 MyApp[315:27564] Finished load of: file:///var/mobile/Containers/Bundle/Application/940FFDF9-ED3E-4795-BAEC-266B5E766F45/MyApp.app/www/index.html
2016-06-23 08:17:38.626 MyApp[315:27564] DEVICE READY FIRED AFTER 1595 ms

Inside the index.html to section i have console.log outputting some message but that even doesn’t show up.

I’m using Cordova 6.2.0 with ionic beta 8. Is any one experiencing the same problem? Wonder whether one of the cordova plugin is blocking some thread to run.

1 Like

This is not happening always, but chance is very high … higher than 80%.
but when runs, i see this message

WARN: Native: deviceready did not fire within 2000ms. This can happen when plugins are in an inconsistent state. Try removing plugins from plugins/ and reinstalling them.

I’m also having this issue but android doesn’t want to start either, At first android did start but very slow (unusable) then when i started to add some native plugins it didn’t load at all.

This could be tied to a few thing. But check out the plugins that you are using, you may need to nuke the native platform and add them back. It could be that something is wonky in the native builds.

Also, with the app open, launch the safari dev tools and see if there is an error. You can see if anythings 404’d or if DOM is even being rendered.

One thing is this works perfectly in Android and major browsers. No errors at all.

but happening on iOS…
It’s not always happening but the chance is very high.

i have the same issue on ios anyone solved it ?

cc.fovea.cordova.purchase 5.0.2 "Purchase"
com.darktalker.cordova.screenshot 0.1.5 "Screenshot"
com.verso.cordova.clipboard 0.1.0 "Clipboard"
cordova-plugin-app-version 0.1.8 "AppVersion"
cordova-plugin-compat 1.0.0 "Compat"
cordova-plugin-console 1.0.3 "Console"
cordova-plugin-crop 0.1.0 "CropPlugin"
cordova-plugin-crosswalk-webview 1.7.2 "Crosswalk WebView Engine"
cordova-plugin-device 1.1.2 "Device"
cordova-plugin-file 4.2.0 "File"
cordova-plugin-file-transfer 1.5.1 "File Transfer"
cordova-plugin-inappbrowser 1.4.0 "InAppBrowser"
cordova-plugin-network-information 1.2.1 "Network Information"
cordova-plugin-sim 1.2.1 "SIM"
cordova-plugin-social-message 0.4.0 "Social Message"
cordova-plugin-splashscreen 3.2.2 "Splashscreen"
cordova-plugin-sqlite-2 1.0.3 "SQLitePlugin"
cordova-plugin-statusbar 2.1.3 "StatusBar"
cordova-plugin-uniquedeviceid 1.3.2 "UniqueDeviceID"
cordova-plugin-whitelist 1.2.2 "Whitelist"
ionic-plugin-keyboard 2.0.1 "Keyboard"
nl.x-services.plugins.socialsharing 5.1.1 "SocialSharing"
nl.x-services.plugins.toast 2.0.6 "Toast"

using these plugins…

I’m having the same issue. How do I tell what plugins/version I’m using?

Your system information:

Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0-beta.30
Ionic App Lib Version: 2.0.0-beta.16
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v4.4.5
Xcode version: Xcode 7.3.1 Build version 7D1014

cordova plugin list

@jfoscue

here’s the plugins I’m using…

cordova-plugin-camera 2.2.0 "Camera"
cordova-plugin-compat 1.0.0 "Compat"
cordova-plugin-console 1.0.3 "Console"
cordova-plugin-device 1.1.2 "Device"
cordova-plugin-file 4.2.0 "File"
cordova-plugin-splashscreen 3.2.2 "Splashscreen"
cordova-plugin-statusbar 2.1.3 "StatusBar"
cordova-plugin-whitelist 1.2.2 "Whitelist"
cordova-sqlite-storage 1.4.6 "Cordova sqlite storage plugin"
ionic-plugin-keyboard 2.2.1 “Keyboard”

After long investigation, I found a weird issue with iOS. (I already mentioned what plugins i’m using above).

Seems when app is first launched (happens only in iOS), I have conditional stmt to set Root page

this.rootPage = HomePage;

the constructor nor ngOnInit() from HomePageController is somehow not fired. (this is working fine in Android)
However, if I close the app and reopen, the constructor and ngOnInit() fires and everything looks good.

What’s wrong???

*** I’m also using WKWebView plugin from Ionic.