Ionic app shows up in Chrome development tool as http://localhost:8080 instead of file:///android_asset/…

Somehow uninstall the cordova plugin  cordova-plugin-ionic-webview changes this.

The application will then fall back to the old webview and so when trying to do a cors call, it won’t try to send a preflight request OPTIONS.

Build error: fontVariationSettings not found when building Cordova application

This is caused by the latest version of android support library that introduces some breaking changes to cordova plugins that specifies dependency to this library as getting the latest version.

To resolve, easiest is to install cordova-android-support-gradle-release and build, somehow it resolves the problem.

alternatively, go to build.properties under platform/android and change the version from + to something older.

rror: ENOENT: no such file or directory, scandir ‘**/node_modules/node-sass/vendor’ npm install

Try to delete node_modules folder, close all editors that are opening the project(Visual Studio, Visual Studio Code, Atom, etc).

Then run npm install again

This issue is because those lock the package.json files.

100vh and Android Chrome

While working to my our product work with mobile devices, I encountered this issue with Chrome for Android.

It seems that setting an element height to 100vh will include the height of the Chrome Address bar and tabs. This is designed so that when user scrolls down the address bar and tabs will go away to show the web page using the whole screen(except the notification shade, of course).

Where as in Chrome for desktop, 100vh only includes the height of the viewing area below the address bar.

Because of this feature, website that looks correctly in desktop may not work correctly in mobile, need to keep this in mind. Use Android Chrome remote debugging feature to debug the website in Chrome for Android.