question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic 2 on android 4.1.2 show me a white screen

See original GitHub issue

I has a issue. Steps to reproduce:

  1. $ sudo npm install -g ionic@beta
  2. $ ionic start cutePuppyPics --v2 --ts
  3. $ ionic serve # everything good
  4. $ ionic platform add android
  5. $ ionic run android LAUNCH SUCCESS In the phone only I can see a white screen.
$ ionic info
Cordova CLI: 6.1.1
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.3
Ionic CLI Version: 2.0.0-beta.24
Ionic App Lib Version: 2.0.0-beta.14
OS: Distributor ID:     Debian Description:     Debian GNU/Linux 8.3 (jessie) 
Node Version: v4.4.1

Phone: Samsung Galaxy S2 T-Mobile - Android 4.1.2

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:29 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
wlicommented, May 2, 2016

If you started your project before April, some of these problems will also be resolved by using angular2-polyfills and es6-shim. Check out the last few commits in one of the starter templates (https://github.com/driftyco/ionic2-starter-tabs/tree/4552fc4232434c0b122c0add1b5bfd4f929e0d47) to see how to get your app up to date.

index.html should have these lines, and a few other things get changed around:

  <!-- Polyfill needed for platforms without Promise and Collection support -->
  <script src="build/js/es6-shim.min.js"></script>
  <!-- Zone.js and Reflect-metadata  -->
  <script src="build/js/angular2-polyfills.js"></script>
1reaction
rodrigobnncommented, Mar 11, 2017

I got a curious solution. First, here is my config:

Cordova CLI: 6.5.0 Ionic Framework Version: 2.1.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.4 ios-deploy version: Not installed ios-sim version: Not installed OS: Linux 4.4 Node Version: v6.9.4 Xcode version: Not installed

The crosswalk plugin, as discussed, adds to apk size, footprint and internal storage and decreases the performance. I was suffering with the white screen issue with a couple of devices in 4.4.2 and noticed that when you add the crosswalk plugin and use it running ionic build the contend of your project and how it is packaged changes but doesn’t change all back when ir is removed. It keeps generating two apks (x86 and arm7). So I did this:

Install the plugin -> cordova plugin add cordova-plugin-crosswalk-webview

Use it, so it can download all dependencies and config your project -> cordova build android

Remove it -> cordova plugin remove cordova-plugin-crosswalk-webview

Make sure no module content stays back -> rm -rf node_modules

Reinstall all your modules -> npm install

Clean residues and check the state of your project -> cordova clean

Now I have an apk without the issues of size, foorprint and storage that works in android 4.4.2. Maybe Ionic team could investigate further and the community test this in previous android versions?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Ionic2 white screen android 4.1 - ionic-v3
Hi I have searched a lot about the error say to install the xwalk that resolves, anyway my version of ionic. Cordova CLI:...
Read more >
Ionic app shows white screen on android 4 versions
Ionic app shows white screen on android 4 versions ... I am developing ionic application which works fine in browser as well in...
Read more >
Mobile App Opening to a Blank Screen on Android
Open your Phone Settings · Tap Apps or Applications to get to the Application Management screen · Tap the Menu icon (3 vertically...
Read more >
Fitbit OS 4.1.2 Firmware Update (70.7.27) - Page 8 - Fitbit Community
Read our help article for the latest updates. HOW DO I UPDATE? Find step-by-step instructions for updating Ionic here.
Read more >
Debugging the Ionic White Screen of Death - YouTube
In this video, we walk through 4 different steps you can take to help track down errors that are occurring in your Ionic...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found