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

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)

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

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

Android Studio Run/Debug configuration error: Module not specified

Approaches to resolving “Module not specified” Error in Android Studio

When attempting to run or debug the application on Android Studio you can come across the error “Module not specified” in the Android Studio.  This article will outline approaches I took to get a resolution to this issue.

 

Xcode NullInjectorError

In Xcode and executing a run command, the response error was:

{
    "name": "NullInjectorError",
    "ngTempTokenPath": null,
    "ngTokenPath": ["Ee", "fe", "Ne", "Ne", "Ne"]
}

This was a result of me attempting to incorrectly import the AppComponent from inside a service.

import { AppComponent } from './app.component';

 

Launching app code in a simulator like Xcode or Android Studio

Loading the code in a platform - in this article, I'll be focusing on Android and iOS.  Ionic app shell prompts for iOS and Android devices.

iOS

npm run build
npx cap sync
npx cap copy ios
npx cap open ios

 

Android

npm run build
npx cap sync
npx cap copy android
npx cap open android

 

Subscribe to Ionic