Ionic-framework: White screen Ionic 3

[Eng-MohamedGadala]

the same problem in ionic 3 and I try more solution and white screen is hidden but splash screen it take 30 s it's a long time and when the app in background and press again in app icon withe screen appear again ... what can i do can you help me .
// this ionic info for me thanks .
cli packages: *node_modules)

@ionic/cli-utils  : 1.12.0
ionic (Ionic CLI) : 3.12.0

global packages:

cordova (Cordova CLI) : 7.0.1

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.0.0
Ionic Framework    : ionic-angular 3.6.1

System:

Android SDK Tools : 25.2.5
Node              : v6.9.2
npm               : 3.10.9
OS                : Windows 10

Misc:

backend : legacy

[kensodemann]

Hello! Thank you for opening an issue with us! Would you be able to provide a sample application via GitHub that demonstrates the issue you are having?

Also, does this only happen on the device? or are you seeing this when running in the browser via ionic serve as well?

Thanks for using Ionic!

[Eng-MohamedGadala]

This issue happens with any ionic app in debug mode but when I used flag
--prod everything will be ok.
This issue appears with IONIC 2 until now I am read all topics related to
the white screen.
Thanks for attention.

On 24 September 2017 at 13:36, Ken Sodemann [e-mail]
wrote:

Hello! Thank you for opening an issue with us! Would you be able to
provide a sample application via GitHub that demonstrates the issue you are
having?

Also, does this only happen on the device? or are you seeing this when
running in the browser via ionic serve as well?

Thanks for using Ionic!

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/ionic-team/ionic/issues/12960#issuecomment-331704135,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGU7R2IKBxQ7iXxuuBy3xO8bwrd_aXdNks5slj7IgaJpZM4Ph2aD
.

[kensodemann]

Can you provide a sample application demonstrating this issue? Preferably via GitHub. This would be very helpful in assessing where the issue lies and in providing a resolution.

[kensodemann]

Have you been able to create a sample application I can look at that demonstrates the issue you are having?

[niconaso]

@kensodemann steps to reproduce the issue:

1. clone https://github.com/ionic-team/ionic-conference-app.
2. execute: cordova build android --prod
3. install the apk on a device with android 4.4.4 (I tested it Genymotion)

[niconaso]

@kensodemann I found realized that if you compile the app with the --aot and --minifyjs flags the apk goes well, but if you add --minifycss flag you see the white screen.

[kensodemann]

@niconaso - that sounds like an app-scripts bug, would you like to log an issue here: https://github.com/ionic-team/ionic-app-scripts ?

It also seems to be the opposite of what @Eng-MohamedGadala was seeing where the white screen only occurred in development mode.

@Eng-MohamedGadala - I am closing this issue due to lack of activity on it. If you can provide a sample app we can use for debugging, I will be happy to reopen it. Right now, however, I cannot duplicate the issue as you reported it.

[marwan2]

Same problem here,
in a basic ionic project without any modifications
It seems that you send the latest Ionic version to production without testing

Bad job Ionic team !!!!!

[kensodemann]

@marwan2 - I have several test and sample applications I have written for various purposes and they all run just fine on my Android devices. Do you have some more information on how this is not working for you? Is there a specific version of Android you are targetting where it doesn't work? Can you provide your ionic info output here?

Do you get any error messages if you hook up remote debugging while running the application on your device?

[marwan2]

@kensodemann , Please clone this ionic 3 project I developed.
https://github.com/marwan2/merjan_app

It works properly on Desktop browser, but after generating APK, and run on android mobile,
Just a White screen after the splash screen.

[marwan2]

@kensodemann , My ionic info output:

$ ionic info

cli packages: (C:\xampp\htdocs\merjan_appnode_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 7.0.1

local packages:

@ionic/app-scripts : 3.1.0
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v6.10.3
npm               : 3.10.10
OS                : Windows 7

Environment Variables:

ANDROID_HOME : E:\AndroidSDK

Misc:

backend : legacy

[marwan2]

??

[kensodemann]

I have been out and have not had a chance to try your app on an Android device until today.

When I used your app to generate an APK and run it on my Android device, it ran. There was about a 3-5 second delay between the start, but it got past that. If your device is not as performant as mine, it may take longer. This is part of what v4 is meant to address.

On my iOS device, the application ran fine.

When running on either device and connecting either safari or chrome to the app and running dev-tools, the dev-tools crash. On iOS/Safari this happens immediately, on Android/Chrome this occurs if I have the performance tab open in dev tools and try restarting the application on the device to analyze the boot time. I am not sure what that indicates, but your code is doing _something_ that the dev-tools do not like. Not sure if it is a specific plugin, or if it has something to do with RTL, or what. I just know that I have not seen that before.

I have not had time to try and convert your application to use lazy loading, but that may increase performance.

[lmntn]

I have the same problem

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : android 6.3.0 browser 5.0.3
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
ios-deploy        : 1.9.2
Node              : v8.10.0
npm               : 5.6.0
OS                : macOS High Sierra
Xcode             : Xcode 9.3 Build version 9Q127n

Environment Variables:

ANDROID_HOME : /Users/lmntn/Library/Android/sdk

Misc:

backend : pro

[mat90c]

+1

[hicham-alsayed-ahmad]

also i have same this problem , after the application start up and the splash finished there is a white screen for 3-5 seconds every time i launch the application

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.