Blank screen appearing when app started in phone

Ionic Framework ionic-v3
1

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

DEVICE READY FIRED AFTER 8278 ms

I tried remove and reinstalling plugins. Well it is a new app. What plugin might actually resulting this 8 second delay ? I am stuck with this. Help me out of this…There may be a bug in rc5 which must be solved immediately.

Thanks …

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.5
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
Ionic App Scripts Version: 1.0.0
OS: Distributor ID: Ubuntu Description: Ubuntu 15.10
Node Version: v7.4.0

1 Like
2

I just got the same problem (a blank screen) when running on iOS after upgrading from rc3 to rc5:

2017-01-16 23:32:49.508288 DOT[414:43498] Finished load of: file:///var/containers/Bundle/Application/B261924D-DD54-4DFD-A20A-56547FF026B4/DOT.app/www/index.html
2017-01-16 23:32:49.907110 DOT[414:43498] DEVICE READY FIRED AFTER 566 ms```

**Edit**: I am using a splash screen, but this used to work on the previous version. Perhaps something broken?

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.5
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: macOS Sierra
Node Version: v5.12.0
Xcode version: Xcode 8.2.1 Build version 8C1002
1 Like
3

Yes. But I got the error when running on android device. There may something fishy with the plugins. But the app did well on emulator. I hope this will be solved in the next release. I find this error even in the newly created app.

4

Am I the only one with this issue? Any app created newly these days will face this issue. Must be solved immediately…

5

I too have this error, my application will load the splashscreen (default splash) but then I get a white screen for a few seconds with these errors in the console…

console.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.
console.log: deviceready has not fired after 5 seconds.
error opening ws message: {"category":"console","type":"log","data":["DEVICE READY FIRED AFTER",4858,"ms"]}

Cordova CLI: 6.4.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.1.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v4.2.1
Xcode version: Not installed

6

I’ve already tried clearing and re-adding the plugins and platforms.

My project is fairly new with minimal code so I doubt it’s a performance issue.

1 Like
7

I got the same problem. white screen right after the splash screen.

ordova CLI: 6.4.0
Ionic Framework Version: 2.0.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
OS: Windows 10
Node Version: v6.9.2

8

ionic run android --prod
worked for me

1 Like
9

No, not for me …!

1 Like
10

I fixed this error adding this configurations in config.xml:

<preference name="SplashScreenDelay" value="2000"/>
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="true"/>
<preference name="FadeSplashScreenDuration" value="500"/>
<preference name="ShowSplashScreenSpinner" value="false"/>

And this in app.component.ts

platform.ready().then(() => {
    this.hideSplashScreen();
}

hideSplashScreen() {
 if (Splashscreen) {
   setTimeout(() => {
     Splashscreen.hide();
   }, 500);
 }
}

I hope it helps!

11

This did speed it up a little for me but I still see the white screen. So what I am doing now is altering the time for the splashscreen to be shown in the config.xml with

<preference name="SplashScreenDelay" value="10000"/>

This will show the splash until the app is ready.

This seems to be an ongoing issue with RC4 that apparently wasn’t in RC3. I have been reading more about it here.

Ill keep an eye on this and if I solve it I’ll post back.

1 Like
12

I have removed <base href="/"> tag and it’s worked for me.

13

Didn’t have any tag like that. Where did you find that tag? In config.xml ?

14

It was on my index.html file

15

This may be worth attempting - some say it is showing good results.

http://blog.ionic.io/help-us-test-ionic-native-3-x/

16

No, I don’t have it.