[Ionic 4] Problem building for Android: white screen after splashscreen

Ionic Framework
1

Hi,
after building my app for Android with this command:
ionic cordova build android

and this configuration:

Ionic:

   ionic (Ionic CLI)             : 4.12.0 (C:\Users\ysoft\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.3.1
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.3.8
   @angular/cli                  : 7.3.8
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms     : android 8.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 11 other plugins)

System:

   Android SDK Tools : 26.1.1 (C:\Users\ysoft\AppData\Local\Android\Sdk)
   NodeJS            : v8.9.3 (C:\Program Files\nodejs\node.exe)
   npm               : 5.5.1
   OS                : Windows 10

When I execute the app on mobile I can see the splash screen, but after the splash screen, it shows a white screen instead of my app.
I think that I have this problem after updating the Android platform to version 8.0.0.

I don’t know how to debug this problem because I have no errors, only a white screen.
I’ve found some similar questions in the forum, but they refer to change in config.xml.

1 Like
2

No errors pop up in the console when you debug the device remotely with chrome ?

3

It can be for some reasons:

1- You have to be careful with the splash image, there are a lot of tools that can help you with that!

2- It can be the config.xml (put these below):

<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="FadeSplashScreen" value="true" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreen" value="true" />

3- It can be from URL Timeout Value

Try this (in config.xml) :

<preference name="loadUrlTimeoutValue" value="700000"/>

4 - It can because of the way you´re launching the app:
Try

ionic cordova run android --prod

If nothing worked, take a look at this post in Ionic Forum about a similar problem! or about the exact same problem!

4

same error on some mobile v (5.1 or 5.0 or 4.4.2)
any solutions ?

5

try chrome inspect, see there you got any error?

6

yes this is my error on genymotion 5.1 device

viber_image_2019-08-20_11-05-22
viber_image_2019-08-20_11-05-22.jpg1280×484 117 KB

7

Increase your splash screen delay time

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

i use this but not work
<preference name="SplashScreenDelay" value="30000" />

9

Please check this, this guys has same error as you have: https://github.com/ionic-team/ionic/issues/16873

10

i am testing now their solution

11

Unfortunately , not work

12

This is not a solution bro…

13

If you know solutions, please post here,

14

Add settimeout function in your App.component.ts file.

setTimeout(() => {
this.spalsh.hide();
}, 4000);

it can be work.