White screen after upgrade to 3.6.0

Ionic Framework ionic-v3
1

Hi, yesterday cli provided upgrade for

    "@ionic/cli-plugin-cordova": "1.5.0",
    "@ionic/cli-plugin-ionic-angular": "1.4.0",

and CLI to 3.6.0

Aftre that app gives whitescreen, console say (pretty usual):
00:21:20] console.log: Ionic Native: deviceready event fired after 8320 ms
[00:21:20] error opening ws message: {“category”:“console”,“type”:“log”,“data”:[“DEVICE READY FIRED AFTER”,8139,“ms”]}
[00:21:20] console.log: start app…

reinstall node modules, cordova plugins, platforms, not helped

ionic info

cli packages:

    @ionic/cli-plugin-cordova       : 1.5.0 (/Users/macbook/IOS/PremoveExpert/node_modules/@ionic/cli-plugin-cordova)
    @ionic/cli-plugin-ionic-angular : 1.4.0 (/Users/macbook/IOS/PremoveExpert/node_modules/@ionic/cli-plugin-ionic-angular)
    @ionic/cli-utils                : 1.6.0 (/Users/macbook/IOS/PremoveExpert/node_modules/@ionic/cli-utils)
    ionic (Ionic CLI)               : 3.6.0 (/Users/macbook/IOS/PremoveExpert/node_modules/ionic)

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.0

System:

    Android SDK Tools : 25.2.5
    Node              : v6.11.0
    OS                : macOS Sierra
    Xcode             : Xcode 9.0 Build version 9M136h
    ios-deploy        : 1.9.1
    ios-sim           : 5.1.0
    npm               : 5.3.0

{
    "name": "***",
    "author": "***",
    "homepage": "****",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "ionic:build": "ionic-app-scripts build",
        "build:www": "rm -rf www && ionic-app-scripts build --prod",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/animations": "4.1.3",
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@angular/tsc-wrapped": "^4.3.2",
        "@ionic-native/app-version": "^4.0.0",
        "@ionic-native/camera": "^4.0.0",
        "@ionic-native/core": "^4.0.0",
        "@ionic-native/document-viewer": "^4.1.0",
        "@ionic-native/email-composer": "^4.0.0",
        "@ionic-native/file": "^4.0.0",
        "@ionic-native/geolocation": "^4.0.0",
        "@ionic-native/google-maps": "^4.0.0",
        "@ionic-native/image-resizer": "^4.0.0",
        "@ionic-native/in-app-browser": "^4.0.0",
        "@ionic-native/keyboard": "^4.0.0",
        "@ionic-native/network": "^4.0.0",
        "@ionic-native/photo-viewer": "^4.0.0",
        "@ionic-native/screen-orientation": "^4.1.0",
        "@ionic-native/splash-screen": "^4.0.0",
        "@ionic-native/sqlite": "^4.0.0",
        "@ionic-native/status-bar": "^4.0.0",
        "@ionic-native/toast": "^4.0.0",
        "@ionic-native/transfer": "^3.14.0",
        "@ionic/cloud-angular": "0.12.0",
        "@ionic/storage": "2.0.1",
        "angular2-signaturepad": "^2.2.1",
        "com-sarriaroman-photoviewer": "~1.1.10",
        "cordova-android": "^6.2.3",
        "cordova-ios": "^4.4.0",
        "cordova-pdf-generator": "^1.5.3",
        "cordova-plugin-app-version": "~0.1.9",
        "cordova-plugin-camera": "~2.4.1",
        "cordova-plugin-compat": "~1.1.0",
        "cordova-plugin-console": "^1.0.7",
        "cordova-plugin-crop": "^0.4.0",
        "cordova-plugin-datepicker": "~0.9.3",
        "cordova-plugin-device": "~1.1.3",
        "cordova-plugin-document-viewer": "^0.9.5",
        "cordova-plugin-email": "^1.2.6",
        "cordova-plugin-file": "~4.3.3",
        "cordova-plugin-file-opener2": "~2.0.2",
        "cordova-plugin-file-transfer": "~1.6.2",
        "cordova-plugin-geolocation": "~2.4.3",
        "cordova-plugin-googlemaps": "~1.4.0",
        "cordova-plugin-image-resizer": "^1.0.0",
        "cordova-plugin-inappbrowser": "~1.7.0",
        "cordova-plugin-network-information": "~1.3.0",
        "cordova-plugin-screen-orientation": "^2.0.1",
        "cordova-plugin-splashscreen": "^4.0.3",
        "cordova-plugin-statusbar": "~2.2.0",
        "cordova-plugin-whitelist": "~1.3.0",
        "cordova-plugin-x-toast": "^2.6.0",
        "cordova-sqlite-storage": "^2.0.4",
        "es6-promise-plugin": "git+https://github.com/vstirbu/PromisesPlugin.git",
        "font-awesome": "^4.7.0",
        "info.protonet.imageresizer": "git+https://github.com/RTeran/cordova-plugin-image-resizer.git",
        "ionic-angular": "^3.6.0",
        "ionic-plugin-deploy": "~0.6.7",
        "ionic-plugin-keyboard": "~2.2.1",
        "ionic2-rating": "^1.2.0",
        "ionicons": "3.0.0",
        "lodash": "^4.17.4",
        "ng2-pdf-viewer": "^1.0.2",
        "rxjs": "5.4.0",
        "strip-ansi": "^3.0.1",
        "sw-toolbox": "3.6.0",
        "ts-md5": "^1.2.0",
        "webpack": "^3.2.0",
        "zone.js": "^0.8.12"
    },
    "devDependencies": {
        "@ionic/app-scripts": "2.1.3",
        "@ionic/cli-build-ionic-angular": "0.0.4",
        "@ionic/cli-plugin-cordova": "1.5.0",
        "@ionic/cli-plugin-ionic-angular": "1.4.0",
        "ionic": "3.6.0",
        "pdfjs-dist": "^1.8.522",
        "typescript": "2.3.4"
    },
    "cordovaPlugins": [
        "cordova-plugin-console",
        "cordova-plugin-whitelist",
        "cordova-plugin-statusbar",
        "cordova-plugin-device",
        "cordova-plugin-splashscreen",
        "ionic-plugin-keyboard",
        "cordova-plugin-network-information",
        "cordova-plugin-file",
        "cordova-plugin-crop",
        "cordova-plugin-image-resizer",
        "info.protonet.imageresizer",
        "cordova-sqlite-storage",
        "cordova-plugin-file-opener2",
        "cordova-plugin-compat",
        "cordova-plugin-device",
        "cordova-plugin-statusbar",
        "cordova-plugin-whitelist",
        "com-sarriaroman-photoviewer",
        "cordova-plugin-datepicker",
        "ionic-plugin-keyboard",
        "cordova-plugin-file-transfer",
        "cordova-plugin-email",
        "cordova-plugin-camera"
    ],
    "cordovaPlatforms": [
        "ios",
        {
            "platform": "ios",
            "version": "",
            "locator": "ios"
        }
    ],
    "description": "***",
    "cordova": {
        "plugins": {
            "com-sarriaroman-photoviewer": {},
            "cordova-plugin-app-version": {},
            "cordova-plugin-camera": {
                "CAMERA_USAGE_DESCRIPTION": " ",
                "PHOTOLIBRARY_USAGE_DESCRIPTION": " "
            },
            "cordova-plugin-compat": {},
            "cordova-plugin-datepicker": {},
            "cordova-plugin-device": {},
            "cordova-plugin-file": {},
            "cordova-plugin-file-opener2": {},
            "cordova-plugin-file-transfer": {},
            "cordova-plugin-geolocation": {
                "GEOLOCATION_USAGE_DESCRIPTION": " "
            },
            "cordova-plugin-googlemaps": {
                "API_KEY_FOR_IOS": "***",
                "API_KEY_FOR_ANDROID": "****",
                "NSLOCATIONWHENINUSEUSAGEDESCRIPTION": "Show your location on the map",
                "NSLOCATIONALWAYSUSAGEDESCRIPTION": "Trace your location on the map"
            },
            "cordova-plugin-image-resizer": {},
            "cordova-plugin-inappbrowser": {},
            "cordova-plugin-network-information": {},
            "cordova-plugin-statusbar": {},
            "cordova-plugin-whitelist": {},
            "info.protonet.imageresizer": {},
            "ionic-plugin-deploy": {},
            "ionic-plugin-keyboard": {},
            "cordova-pdf-generator": {},
            "cordova-plugin-crop": {},
            "cordova-sqlite-storage": {},
            "cordova-plugin-email": {},
            "cordova-plugin-x-toast": {},
            "cordova-plugin-screen-orientation": {},
            "cordova-plugin-console": {},
            "cordova-plugin-document-viewer": {},
            "cordova-plugin-splashscreen": {}
        },
        "platforms": [
            "ios"
        ]
    }
2

Please edit your post, it is not very readable at the moment.
Use the </> button above the input field to format your code, command line output or error message (select the text first, then click the button or wrap it in ``` manually). Check the preview if it looks better. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.

Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
https://ionic.zone/debug/remote-debug-your-app#ios
Follow these instructions here to debug the problem in Chrome dev tools:
https://ionic.zone/debug/remote-debug-your-app#android
Look at the console and network tabs for errors.

3

Hi Sujan,

Some quoted “ionic info” answer and package.json entry

Ofcourse, tried get any console messages/warnings/errors:

Aftre that app gives whitescreen, console say (pretty usual):


00:21:20] console.log: Ionic Native: deviceready event fired after 8320 ms
[00:21:20] error opening ws message: {“category”:“console”,“type”:“log”,“data”:[“DEVICE READY FIRED AFTER”,8139,“ms”]}
[00:21:20] console.log: start app…

One extra critical, what i noticed:

[Error] ERROR – Error: No provider for NavController! — core.es5.js:1231
Error: No provider for NavController! — core.es5.js:1231injectionError — core.es5.js:1231_throwOrNull — core.es5.js:2770getgetgetInternalget — core.es5.js:3577createClass — core.es5.js:10903createDirectiveInstance — core.es5.js:10723createViewNodes — core.es5.js:12086createRootView — core.es5.js:11991create — core.es5.js:9912createComponent — core.es5.js:10114ngOnInit — app-root.js:51checkAndUpdateDirectiveInline — core.es5.js:10815checkAndUpdateNodeInline — core.es5.js:12238prodCheckAndUpdateNode — core.es5.js:12704(анонимная функция)checkAndUpdateView — core.es5.js:12144detectChanges — core.es5.js:10218forEachtick — core.es5.js:5075_loadComponent — core.es5.js:5051bootstrap — core.es5.js:5039forEach_moduleDoBootstrap — core.es5.js:4821(анонимная функция) — core.es5.js:4783onInvoke — core.es5.js:4149run — polyfills.js:3:4459(анонимная функция) — polyfills.js:3:14080onInvokeTask — core.es5.js:4140runTask — polyfills.js:3:5154o — polyfills.js:3:2211promiseReactionJob
	(анонимная функция) (ion-dev.js:156)
	(анонимная функция) (console-via-logger.js:173)
	defaultErrorLogger (vendor.js:1592)
	handleError (vendor.js:1652)
	tick (vendor.js:5590)
	_loadComponent (vendor.js:5559)
	bootstrap (vendor.js:5547)
	forEach
	_moduleDoBootstrap (vendor.js:5329)
	(анонимная функция) (vendor.js:5291)
	onInvoke (vendor.js:4657)
	run (polyfills.js:3:4459)
	(анонимная функция) (polyfills.js:3:14080)
	onInvokeTask (vendor.js:4648)
	runTask (polyfills.js:3:5154)
	o (polyfills.js:3:2211)
	promiseReactionJob

Compilation gone without syntax errors, archived and loaded to device without problems, so probably runtime error.

4

I found source of problem, pretty strange…

I have custom provider, on it import:

import {Platform, NavController, AlertController} from 'ionic-angular';

    constructor(....
                nav:NavController,

This “nav:NavController” declaration, generate error and stucks app