Ionic-framework: Ionic 2 Black Screen on Chrome

Created on 20 Oct 2016  路  7Comments  路  Source: ionic-team/ionic-framework

When I click the button to the menu screen gets black or white, tried to console, and is not shown any messages, I tried to upgrade to the latest version and the error persists, what to do?

Ionic 2 info:

Your system information:

Cordova CLI: Not installed
Gulp version: CLI version 3.9.1
Gulp local:
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.36
ios-deploy version: Not installed
ios-sim version: 5.0.8
OS: Mac OS X Sierra
Node Version: v4.6.1
Xcode version: Xcode 8.0 Build version 8A218a

Image

to reproduce this bug I just run:

ionic start MyIonic2Project tutorial --v2
cd MyIonic2Project
ionic serve

In the browser:

Image

reply

Most helpful comment

I posted this in another, closed issue, but no I know better :) Here it is

EDIT
I replicated the issue regardless of the no-border directive
EDIT 2
You don't need to even navigate rapidly. Sometimes it happens in a calm fashion
EDIT 3
I could replicate this issue in Ionic View

OS: Win10 x64

  1. ionic start sidemenu.starter --ts --v2 --teplate sidemenu
  2. ionic info
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.36
OS:
Node Version: v6.6.0
  1. edit page2.html
    <ion-navbar no-border>
  2. ionic serve
  3. click couple of times on the items
  4. click rapidly back
  5. the screen goes black / white as soon as you reach the root page and click on the left icon

VIDEO:

ionic-navbar-noborder

All 7 comments

Hello, thanks for using Ionic! Unfortunately I cannot reproduce this issue, do you mind posting a repo that we can use to reproduce this issue?

Hi, thx for the faster feedback, to reproduce this you just need to download the tutorial version on ionic 2 docs, no code was changed.

I also receive this issue at times. It has even happened on the emulator (iOS). The trigger seems to be navigating quickly back and forth, eventually causing the screen to go black or white, essentially freezing the app.

I posted this in another, closed issue, but no I know better :) Here it is

EDIT
I replicated the issue regardless of the no-border directive
EDIT 2
You don't need to even navigate rapidly. Sometimes it happens in a calm fashion
EDIT 3
I could replicate this issue in Ionic View

OS: Win10 x64

  1. ionic start sidemenu.starter --ts --v2 --teplate sidemenu
  2. ionic info
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.36
OS:
Node Version: v6.6.0
  1. edit page2.html
    <ion-navbar no-border>
  2. ionic serve
  3. click couple of times on the items
  4. click rapidly back
  5. the screen goes black / white as soon as you reach the root page and click on the left icon

VIDEO:

ionic-navbar-noborder

Can you guys try against nightly?

npm install ionic-angular@nightly --save

Hi, I confirm I also have this issue in my app while debugging in chrome or while running the app in IOS test flight (in test flight is much more common). @manucorporat after updating to the nightly version it looks like it is solved, need to test it more although.

Hello all! After doing some testing this morning with the latest nightly release I can confirm that I am not able to reproduce this issue in chrome or on the iOS 10 emulator. Because of this I am going to close this issue for now. Thanks!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

GeorgeAnanthSoosai picture GeorgeAnanthSoosai  路  3Comments

giammaleoni picture giammaleoni  路  3Comments

brandyscarney picture brandyscarney  路  3Comments

vswarte picture vswarte  路  3Comments

Nick-The-Uncharted picture Nick-The-Uncharted  路  3Comments