6.x

This article works through the steps to update dependencies in package.json file to the latest version.

Use npm-check-updates or npm outdated to suggest the latest versions.

npm-check-updates is a utility that automatically adjusts a package.json with the latest version of all dependencies

Android Studio error

Android Studio error

error: package android.support.v4.content does not exist

This is a problem with plugins using old Android support dependencies instead of the AndroidX equivalent.  As it's a dependency issue, to resolve add jetifier.  I know yet another package...

Android Studio build errors

Build failed error: cannot find symbol if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R)

or

cannot find symbol Build.VERSION.SDK_INT >= Build.VERSION_CODES.S &&

To resolve - upgrade the compileSdkVersion and targetSdkVersion to 31 in your grade file.  Note, this setting could be in one of the following files

Initialise your Capacitor config​

To initialise Capacitor use the CLI questionnaire:

npx cap init

On executing the above command, you will be prompted to answer a few questions for your app such as your app's name and the package ID.

Run the NPX commands to update the app

npm run build && npx cap sync

Run app with live reload

ionic cap run {platform} -l --external

Replace {platform} with Android or iOS depending on your environment as follows

 ERROR Error: Uncaught (in promise): TypeError: undefined is not an object (evaluating 'ce.imageURL')

In Xcode attempting to build or run an app, I receiving a framework error.

Working through an app project I inherited using Ionic, Angular and ngx-leaflet to name a few elements... I had a problem where the map shows only all map tiles when navigating via my app in the Xcode simulator.  The simulator screen would show just a small tile and the rest of the area where the map should be visible stays in gray color.

It appears that the plugin or file path is not working how it used to be on previous iOS versions. Previous version had the splash screen showing.  After upgrading to plugins, a black screen is shown.

The easiest way to simulate the problem is using iOS simulator.  A black screen will show up as the splash screen.