Ionic update from 6 to 7 , how to update angular?

Ionic Framework
1

Hi

I am in the process of updating my Ionic 6 project to 7. This is my current version. Do I need to install Angular 14?

And it seems I have global Ionic Installation; can this be localised? Has i have Ionic CLI and Ionic Framwork.

Ionic:

   Ionic CLI                     : 6.13.1 (C:\Users\advs\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : not installed
   @angular-devkit/build-angular : 12.2.17
   @angular-devkit/schematics    : 12.2.17
   @angular/cli                  : 12.2.17
   @ionic/angular-toolkit        : 6.1.0

Capacitor:

   Capacitor CLI   : 3.5.1
   @capacitor/core : 3.5.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : none
   Cordova Plugins   : no whitelisted plugins (0 plugins total)

Utility:

   cordova-res : 0.15.4
   native-run  : 1.6.0

System:

   NodeJS : v14.15.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.8
   OS     : Windows 10
2

Hi

I was following the guide outline by
Updating to v7 | Ionic Documentation (ionicframework.com)

But the Ionic version was not getting updated, so i ran:
npm install -g @ionic/cli@latest

I now get the following:

Ionic:

   Ionic CLI                     : 7.2.0 (C:\Users\djosh\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 7.6.5
   @angular-devkit/build-angular : 12.2.17
   @angular-devkit/schematics    : 12.2.17
   @angular/cli                  : 12.2.17
   @ionic/angular-toolkit        : 9.0.0

Capacitor:

   Capacitor CLI      : 3.5.1
   @capacitor/android : 3.5.1
   @capacitor/core    : 3.5.1
   @capacitor/ios     : 3.5.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : none
   Cordova Plugins   : no whitelisted plugins (0 plugins total)

Utility:

   cordova-res : 0.15.4
   native-run  : 1.6.0

System:

   NodeJS : v20.11.0 (C:\Program Files\nodejs\node.exe)
   npm    : 10.2.4
   OS     : Windows 10

What else must i need to do? Do I need to update my angular version?

3

The guide that you are looking at states

  1. Ionic 7 supports Angular 14+. Update to the latest version of Angular by following the Angular Update Guide.

so, if you aren’t on Angular 14+, you will need to upgrade it.

4

Thanks @twestrick

I have returned to my original project. Since I think I made many changes, I am starting over from step one.

I have also updated my Node.js to version 20.11.0, while still on Ionic 6. I am now encountering the following error. I would like to get Ionic 6 running with Node.js first before I progress. Can you advise what is causing this issue?

ionic serve
> ng.cmd run app:serve --host=localhost --port=8100
[ng] ****************************************************************************************
[ng] This is a simple server for use in testing or debugging Angular applications locally.
[ng] It hasn't been reviewed for security issues.
[ng]
[ng] DON'T USE IT FOR PRODUCTION!
[ng] ****************************************************************************************
[ng] - Generating browser application bundles (phase: setup)...
[ng] node:internal/crypto/hash:68
[ng]   this[kHandle] = new _Hash(algorithm, xofLen);
[ng]                   ^
[ng] Error: error:0308010C:digital envelope routines::unsupported
[ng]     at new Hash (node:internal/crypto/hash:68:19)
[ng]     at Object.createHash (node:crypto:138:10)
[ng]     at BulkUpdateDecorator.hashFactory (G:\AVR_Project\Ionic Projects\App0001-AardraCloud\node_modules\webpack\lib\util\createHash.js:145:18)
[ng]     at BulkUpdateDecorator.update (G:\AVR_Project\Ionic Projects\App0001-AardraCloud\node_modules\webpack\lib\util\createHash.js:46:50)
[ng]     at G:\AVR_Project\Ionic Projects\App0001-AardraCloud\node_modules\webpack\lib\FileSystemInfo.js:2677:9
[ng]     at processTicksAndRejections (node:internal/process/task_queues:82:21)
[ng]     at runNextTicks (node:internal/process/task_queues:64:3)
[ng]     at process.processImmediate (node:internal/timers:449:9) {
[ng]   opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
[ng]   library: 'digital envelope routines',
[ng]   reason: 'unsupported',
[ng]   code: 'ERR_OSSL_EVP_UNSUPPORTED'
[ng] }
[ng] Node.js v20.11.0

[ERROR] ng has unexpectedly closed (exit code 1).
5

i got the same error did you got the solution of the error