Configured debug type ‘pwa-chrome’ is not supported when debugging Cordova app in Visual Studio Code

When trying to debug an Ionic Angular application in an older version of Visual Studio Code, this error shows up.

Follow the checklist

  • Use a Visual Studio Code version that supports debugging, if your code is too old newer versions will stop working.
  • Make sure the Chrome Debugger extension is installed and enabled, if it’s greyed out in the Extension list, uninstall and reinstall it.
  • Do the same thing for Cordova Tools extension, if you can’t find it, use an even older version of VSC.
    • The safest bet is to use the version used to develop the app.

The best way is to update your code base to newer versions of languages, frameworks and libraries so you can use newer tools to debug the application. Otherwise this is a workaround.

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.