Skip to main content

How to update package.json dependencies to the latest version?

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

error: package does not exist

Android Studio error

error: package 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...

npm install jetifier
npx jetify
npx cap sync


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

Android Studio build errors

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


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

Ionic - Capacitor config​

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.

Common Ionic and Capacitor CLI's

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

Angular leaflet map doesn't load tiles after refreshing the page

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.

cordova ios after upgrading to iOS 14 a black screen is shown and no splash screen appears

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.


Subscribe to 6.x