[SOLVED] Blank screen & StatusBar.styleDefault, but Cordova is not available

untmat · May 9, 2016, 3:28pm

When I’m running my Ionic 2 app with ionic serve, I’m getting a blank screen and the following console logs:

0     499279   log      Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.
1     499405   warn     Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator

My system information:

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.6
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: Not installed
ios-sim version: 5.0.7 
OS: Mac OS X El Capitan
Node Version: v4.3.1
Xcode version: Xcode 7.3.1 Build version 7D1014

mhartington · May 9, 2016, 4:13pm

Just tested this out. The warning message is from Ionic-native, part of it’s own debug/warn API so that is expected when running in the browser.

But I am not getting a blank screen, my app is loading correctly.

What commands did you use to create your project?

iignatov · May 11, 2016, 6:15pm

@untmat Are you still getting a blank screen, it might be related to the following issue:

github.com/ionic-team/ionic-framework

Errors not shown on Mac OSX -> blank/white screen in iOS or the app fails silently

opened 04:19PM - 04 May 16 UTC

closed 07:07PM - 06 May 16 UTC

iignatov

#### Short description of the problem: When there's an error in the code _(Java…Script/TypeScript/HTML)_ it is not displayed in the console. #### What behavior are you expecting? A error should be displayed in the console to indicate that something is wrong with details about the cause. **Steps to reproduce:** 1. Make sure to test on **Mac OS X El Capitan**. 2. Start a new project: `ionic start TestAppJS blank --v2`. 3. Replace the content of `home.js` with the code below. 4. Run `ionic serve`. 5. Observe that no error is shown in the console. ``` js // NOTE: Intentionally not importing Storage so that an exception is thrown. import {Page, NavController, SqlStorage} from 'ionic-angular'; @Page({ templateUrl: 'build/pages/home/home.html' }) export class HomePage { static get parameters() { return [[NavController]]; } constructor(nav) { this.db = new Storage(SqlStorage); } } ``` **Other information:** (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc) - Related issues: #6217, #6253, #6259 _(all of them with various error causes but the same end result - no error is shown, when it should be - and all of them on Mac OS X)_ - Forum links: - https://forum.ionicframework.com/t/simple-sqlstorage-setup-breaks-with-no-stacktrace/50670 - https://forum.ionicframework.com/t/white-screen-for-ios-only/50802 - https://forum.ionicframework.com/t/ionic-2-error-not-showing-in-nav-push-somepage/49418 **Which Ionic Version?** 2.x #### Plunker that shows an example of your issue Not reproducible in Plunker - seems to be a platform-specific issue _(Mac OS X)_ **Run `ionic info` from terminal/cmd prompt:** (paste output below) > **NOTE:** The info below is summarized across all reports and related issues. ``` Cordova CLI: 6.1.1 / Not installed Ionic Framework Version: 2.0.0-beta.4 / beta.5 / beta.6 Ionic CLI Version: 2.0.0-beta.17 / beta.24 / beta.25 Ionic App Lib Version: 2.0.0-beta.8 / beta.14 / beta.15 OS: Mac OS X El Capitan (all of them) Node Version: v4.2.2 / v4.4.3 / v5.1.1 / v5.8.0 / v5.10.1 Xcode version: Xcode 7.2 / 7.3 / Not installed ```

untmat · May 11, 2016, 7:44pm

@iignatov: I’m not getting a blank screen anymore.
Yes, it’s related to this issue, I found an error in my code.

iignatov · May 12, 2016, 4:45pm

This means that the errors are being swallowed and not displayed. I would recommend you to check out the following guide for updating to beta.6 and make sure that you haven’t missed a step when updating. Pay attention to steps 3 and 4 because if they are not properly executed you’ll most probably experience problems with the errors and the Angular’s change-detection.