angular2-signaturepad | Angular2 Component for szimek / signature_pad | Frontend Framework library

Right after the splash screen fades out, the app is stuck on a blank page leaving this error in the console (ProxyWeb::didFailProvisionalLoadForFrame)

Note that the same app works perfectly on all previous IOS versions. I tried to change the webview plugin version, cordova-ios, and played around with angular build process but no luck.

I suspect that the angular portion of the project does not initialize, cordova itself loads successfully but anything beyond that is just an empty blank screen.

I run ng serve and there is the error about angular-devkit. So I installed it, but I got this error :

Please help as I am having error after upgrade my global @angular/cli to version 11. I have revert back to version 8. But now this error keep appear when I try to compile. I suspect is the version compatibility or mat-angular issue. I have already try to delete the node modules and reinstall using npm install. I have also try to use npm cache clean but still no result. I have follow the advice from this post. But the error still happen. Please advice.

I am developing an angular project with angular2-signaturepad. I'm trying to access a component in the template, so I created a @ViewChild. But when I try to use it, it's undefined.

Here's the relevant html snippet:

I'm trying to get this signaturePad to work. when I'm trying to instantiate it I get undefined. The module works on angular 8 or Less, I beleive it may have to do with ES6 compatibility. Does any one know a fix for this issue ?

here's my code snippet (very striagt forward) app.ts ==> ...