cordova-cli | command line tool to build , deploy and manage Cordova | Mobile Application library

I recently tried upgrading Angular 11 to 12 in my Ionic App. It all went well, and the app is running with no errors in the browser. However, when I tried to run it on an Android phone, after the splash-screen disappears, the app gets stuck in a white screen.

I tried using chrone://inspect tool and see if I get any errors and this showed up:

I also get the same error on the Android Logcat: E/Capacitor/Console: File: http://localhost/vendor-es2015.js - Line 15729 - Msg: ERROR TypeError: goog.getLocale is not a function

I tried adding timeout to the splash-screen, updating libraries, deleting node_modules and reinstalling them, but nothing worked. I can't find much info on the web about this error.

Can anyone tell me what this error means or why is the app stuck here? It works well if I go back to Angular 11.

My package.json looks like this:

Some time ago I asked (and solved) for the same question for the iOS version fo my app (Cordova iOS 6.1.1 white splash screen), now I have the same issue for the Android one.

I'm build the apk with an online tool using cordova-cli-10.0.0

The app runs but I see only a white screen instead of my splash screen file.

In my config.xml file I have the following splash screen settings (I skipped other settings here, if needed I can post them):

I read the cordova CLI documentation and searched in Google but the info is very scarce.

The docs say:

--debug Perform a debug build. This typically translates to debug mode for the underlying platform being built.
--release Perform a release build. This typically translates to release mode for the underlying platform being built.

What exactly are the differences between --debug and --release? How that translates differently for example for Android?

I tested my Cordova-based app on the iPhone 11 Pro Max simulator. everything look good as a design. But I realized that I cannot click on the elements I want to click. I have to click about 20 pixels above what I want to click. This is for every element on page.

For example, I have to click on the yellow circle to open the tab shown with the red circle in the screenshot below.

My index.html

I have been having issues all day with building my ionic app..

I'm getting an error that reads:

7 duplicate symbols for architecture x86_64

** BUILD FAILED **

I've heard this can happen when you have a plugin installed that is a duplicate, however, running ionic cordova plugin ls I can't see anything that would be wrong:

I did quite a research on this one, and even though it is a very common issue none of the solutions worked for me so I keep getting the dreaded: ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability

My configuration is this:

According to cordova documentation cordova prepare does:

Transforms config.xml metadata to platform-specific manifest files, copies icons & splashscreens, copies plugin files for specified platforms so that the project is ready to build with each native SDK.

I use cordova with npm and when I run npm update the packages are updated automatically. In this particular case I used npm package jquery whose main file is stored at node_modules/jquery/dist/jquery.min.js. Then I manually copy this file to www/js/res/jquery.min.js and then I load it at www/index.html by: