Ionic shows white screen after splash screen on android device

ionic-v1
1

I am having problem viewing my app on Android device after build, the APK installs properly but when I view it shows a blank screen

1 Like
2

Hey you checked around the forum?






1 Like
3

I have found the problem, there is a dependency I am using on my app which I passed to the module. It is working fine on my browser but when I build on my android device, it shows a white screen. So how can I add this dependency to ionic?

4

Where are you saving the dependency during your development?

5

Hi guys I have the same problem, any work around on this? Thanks in advance

6

Hi,

Same issue. I am having cordova 3.8 and ionic 1.5.0 .

When I have it compiled for android. The build is working.However when we try to do it for ios it is giving an issue.

Amol

7

You get white screen for the following reasons

  1. You’re calling a dependency that doesn’t exist

  2. Make sure the dependency you’re trying to use is listed among the dependencies in the app.module

  3. Your dependency will work fine on browser cos you’re using a reference such as script tag. But after building ionic will look for folder in your app with that name. So always download the package from github and save in your work folder. Example are ionic, ngcordova, geolocation, camera and many others.

  4. Always check properly the script src if it is correct.

  5. Please do not copy a dependency from one project to another. Always do fresh installation

  6. A white screen may also appear cos the dependency has already been broken before app.run

  7. Also do not load your dependencies before cordova.js which is also after ng-cordova.js

1 Like
8

Hello @pinson,

Thanks for the head’s up. It works now.

9

I don’t know if anyone would respond to this, but I am stuck in this. between the fade and crosswalk and the race conditions.

Is there any newer way to handle this issue.

All problems are only on Android Tablets

Problem 1:
I see .5 seconds black screen before my custom splash appears, then after the custom splash screen fades off, there is 8 second black screen and then the app loads

Problem 2:
On a faster Android Tablet (samsung galaxy tab 4.0 7"), right after the splash screen appears the splash screen again appears and fades off ( this happens .5 seconds after and take 1 second to complete from appear to fade off )

config.xml

Env:
Cordova CLI: 6.0.0
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.0
Ionic Version: 1.2.4
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
ios-deploy version: 1.8.2
ios-sim version: 5.0.3
OS: Mac OS X El Capitan
Node Version: v5.1.0
Xcode version: Xcode 7.3 Build version 7D175

Please help.

10

I fixed the bug removing <script src="cordova.js"></script> in index.html. I always saw a message like ‘Cordova has already defined’. So, after that action, White Screen disappeared. I used ionic 1.7, Cordova 6.x y Crosswalk.

11

I have the same problem (white screen after splash screen).
I think it happened after upgrading Angular to the version 6.1.0.
This is my configuration:

ionic info
Ionic:


   ionic (Ionic CLI)  : 4.0.2 
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.11

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.1

System:

   Android SDK Tools : 26.1.1
   NodeJS            : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm               : 6.2.0

How can I debug this problem?
I have no errors.
Thank you

cld

12

I was having this same issue after apparently changing nothing in my project. i spent over 24hrs looking stuff up and debugging what little information i could get back, my ionic serve command worked fine , but when i did the ionic cordova emulate android the app wouldnt ever make it past the rootpage.

Anyways long story short i had made some MINOR edits too my home.scss file, and one of my other pages .scss files, and when i restored that file from backup the error was fixed and i just had too add new css…

hopefully this helps someone out there