JIT compiler unavailable with target es2015 (Android)

First let me thank you for this plugin, it works really well. I’ve been using it for some time and I really like it.

I have an issue on Android when I try to use "target": "es2015" in my tsconfig.json: I get a white screen when I start the Android app and if I inspect the webview I see the error message “JIT compiler unavailable”.

If I set "target": "es5" in tsconfig.json, then everything works correctly!

Do you have any idea how to fix this issue?

I have created a small repo to reproduce the issue: https://github.com/francoisduchemin/ionic-admob-plus

I can reproduce this issue with the following steps:

• Create starter ionic app: ionic start ionic-admob-plus tabs --type=angular --cordova
• Add npm package for admob-plus: npm install @admob-plus/ionic
• Add cordova plugin for admob-plus: ionic cordova plugin add admob-plus-cordova --variable APP_ID_ANDROID=ca-app-pub-3940256099942544~3347511713
• Add <preference name="AndroidXEnabled" value="true" /> in config.xml
• Add cordova plugin androidx-adapter: ionic cordova plugin add cordova-plugin-androidx-adapter
• Build: ionic cordova build android --prod --release
• Run: ionic cordova run android --prod

If I start the app in Android Studio, the app opens correctly in the emulator.

Now as soon as I add AdMob to the providers in app.module.ts, I get a white screen and the error JIT compiler unavailable:

import { AdMob } from '@admob-plus/ionic/ngx';

...

  providers: [
    AdMob, // <--- here
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],

The Chrome inspector then shows the following error message:

Could not find cordova.js script tag. Plugin loading may fail.
main.37aa675c04a56933b306.js:1 Error: JIT compiler unavailable
    at hn (main.37aa675c04a56933b306.js:1)
    at Function.get (main.37aa675c04a56933b306.js:1)
    at wt (main.37aa675c04a56933b306.js:1)
    at Ii (main.37aa675c04a56933b306.js:1)
    at main.37aa675c04a56933b306.js:1
    at ki.processProvider (main.37aa675c04a56933b306.js:1)
    at main.37aa675c04a56933b306.js:1
    at main.37aa675c04a56933b306.js:1
    at Array.forEach (<anonymous>)
    at gn (main.37aa675c04a56933b306.js:1)
main.37aa675c04a56933b306.js:1 Ionic Native: deviceready event fired after

If I modify the target in tsconfig.json to es5 and build, then the app opens correctly! (no white screen)

Do you know if there is a way to target es2015? What am I doing wrong?

[francoisduchemin]

Two remarks:

• target es5 is set here: https://github.com/admob-plus/admob-plus/blob/%40admob-plus/ionic%401.5.3/packages/ionic/tsconfig.json
• The “Angular JIT compilation failed” issue looks very similar to this one: https://stackoverflow.com/questions/60183056/ionic-5-with-angular-9-angular-jit-compilation-failed-angular-compiler-not If I turn off AOT by changing “aot”: false and “buildOptimizer”: false in angular.json then my app works again… but if I build for production ionic cordova build android --prod --release then it activates aot and the app shows a white screen again.

I’m still looking for a solution, this issue prevents me from updating my apps. If anyone has a solution, please share!

[georgettelsf]

@itsLucario’s solution worked for me but the zip is old and the NativeAd is not included. I tried to build the lib using ngc without luck. @admob-plus/ionic is just a wrapper around the cordova version. I managed to resolve the JIT compiler issues by copying this file https://github.com/admob-plus/admob-plus/blob/master/packages/ionic/src/ngx/index.ts inside my project in a file named admob.module.ts (the name is not important). Then I changed the imports from @admob-plus/ionic/ngx to ./admob.module.ts and it seems to be ok.