White screen on iPhone

meta
1

Hey guys,

I am building an app using Ionic for the first time and everything is going great, the only problem right now is that if I run my app in the simulator and the browser the app looks as I designed but when I run ionic upload and try to test it on my iPhone 6 using the Ionic View app, I just get a white screen :frowning:

Is there a reason why ionic view and the simulator or browser could be different?

I also tried building the .xcodeproj that is generated and running it in my iphone as an app but still I get that white screen.

Any help would be greatly appreciated!

Thanks!

2

Did you try to clear all app data in your Ionic App View settings before upload ? If yes, try to modify your ionic.project located in your root folder like :

{
  "name": "my-first-application",
  "app_id": ""
}

After, upload your app. It will reset your app id normally.

3

thanks for the answer!

I tried deleting my app_id from ionic.project and run it on ionic view and I still a white screen :frowning:

I am using Parse and ngCordova if that helps any

4

Maybe a cordova plugin not supported ?
( At the moment, plugin access is restricted to a specific subset of plugins, including GeoLocation, Keyboard, StatusBar, and BarcodeScanner)

5

Only those 4 are supported? I am using keyboard, facebook connnect, geolocation and status bar only

6

Maybe more like cordovaNetwork but not all.
facebook connect I don’t know.

7

I fixed it! The problem was in my states…I had it like ‘…/views/games/games-list.html’ and all I had to remove was the ‘…/’

8

Hi, I had the same problem at the beginning of my development in my case, was css problems I had to edit. But for safety in your code, I suggest using GapDebug has a good tutorial and you can go and see your code behaves in a device.

GapDebug

1 Like
9

thanks for the tip, it works great!

10

I am glad that it served to you :slight_smile:

11

If it’s a software problem, you can follow this way to fix iPhone white screen.