White screen IONIC 6

Ionic Framework
1

Hello.

I’m having problem when i try run app in emulator device… White screen all time…

In google chrome -> inspect -> only this:

Could not find cordova.js script tag. Plugin loading may fail.
main-es2015.f25c23470301db586c68.js:1 Error: Angular JIT compilation failed: ‘@angular/compiler’ not loaded!

  • JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
  • Did you bootstrap using ‘@angular/platform-browser-dynamic’ or ‘@angular/platform-server’?
  • Alternatively provide the compiler with ‘import “@angular/compiler”;’ before bootstrapping.
    at tt (main-es2015.f25c23470301db586c68.js:1)
    at Function.get (main-es2015.f25c23470301db586c68.js:1)
    at Wt (main-es2015.f25c23470301db586c68.js:1)
    at Wo (main-es2015.f25c23470301db586c68.js:1)
    at main-es2015.f25c23470301db586c68.js:1
    at Ho.processProvider (main-es2015.f25c23470301db586c68.js:1)
    at t (main-es2015.f25c23470301db586c68.js:1)
    at It.t.forEach.t (main-es2015.f25c23470301db586c68.js:1)
    at Array.forEach ()
    at It (main-es2015.f25c23470301db586c68.js:1)
    main-es2015.f25c23470301db586c68.js:1 Ionic Native: deviceready event fired after 90 ms

Ionic info:

Ionic:

Ionic CLI : 6.10.1 (/usr/lib64/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.3.1
@angular-devkit/build-angular : 0.901.12
@angular-devkit/schematics : 9.1.12
@angular/cli : 9.1.12
@ionic/angular-toolkit : 2.3.3

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : android 9.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 9 other plugins)

Utility:

cordova-res : 0.15.1
native-run : 1.0.0

System:

Android SDK Tools : 26.1.1 (/home/zapa/Android/Sdk)
NodeJS : v14.4.0 (/usr/bin/node)
npm : 6.14.8
OS : Linux 5.4

Some idea?

2

Quick correction, the CLI is at version 6.10, not the framework itself.

From the sounds of it, you have not updated your ionic-native plugins to the latest release. Do that.

1 Like
3

Hi Mike,
do you think is it a good practice to update the ionic plugins to the latest version?

I mean all these:

 @ionic-native/app-availability            ^5.26.0  →    ^5.28.0
 @ionic-native/call-number                 ^5.10.0  →    ^5.28.0
 @ionic-native/core                         ^5.0.0  →    ^5.28.0
 @ionic-native/file                         ^5.7.0  →    ^5.28.0
 @ionic-native/geolocation          ^5.0.0-beta.23  →    ^5.28.0
 @ionic-native/in-app-browser              ^5.26.0  →    ^5.28.0
 @ionic-native/ionic-webview                ^5.9.0  →    ^5.28.0
 @ionic-native/launch-navigator            ^5.15.0  →    ^5.28.0
 @ionic-native/social-sharing              ^5.10.0  →    ^5.28.0
 @ionic-native/splash-screen                ^5.0.0  →    ^5.28.0
 @ionic-native/status-bar                   ^5.0.0  →    ^5.28.0

cld

4

Yes. Considering you have beta releases of plugins…

1 Like
5

Thank you, but is it better to update, for example, @ionic-native/geolocation to ^5.28.0 or is it better to remove and add again the plugin ?

npm uninstall @ionic-native/geolocation
ionic cordova plugin rm cordova-plugin-geolocation
ionic cordova plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation

Because in the second case probably the procedure will not install the last version of @ionic-native/geolocation.

cld

6

If you’re on a mac or using bash, you can simply run

npm install @ionic-native/{app-availability,call-number,core,file,geolocation,in-app-browser,ionic-webview,launch-navigator,social-sharing,splash-screen,status-bar}@latest

Which will auto handle this for you.

1 Like