Upgrading Ionic 5 to Ionic 6, having local and global angular install conflicts

Ionic Framework
1

Hi, I am trying to follow the steps outlined in the guidelines.

Below Is the output of my current setup and the warning I am getting. How do I also install the angular on my local copy as well?

How can I confirm what is installed globally?

What is the difference between a the local and global installation?

   PS G:\AVR_Project\Ionic Projects\App0001-AardraCloud> ionic info


   Ionic CLI                     : 6.13.1 (C:\Users\djosh\AppData\Roaming\npm\node_modules\@ionic\cli)      
   Ionic Framework               : @ionic/angular 5.6.10
   @angular-devkit/build-angular : 0.900.7
   @angular-devkit/schematics    : 9.1.15
   @angular/cli                  : 9.1.15
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 3.1.1
   @capacitor/core : 3.1.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 : not installed
   native-run  : 1.4.0

System:

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

PS G:\AVR_Project\Ionic Projects\App0001-AardraCloud> npx @angular/cli@10 update @angular/core@10 @angular/cli@10
Your global Angular CLI version (10.2.4) is greater than your local version (9.1.15). The local Angular CLI 
version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
The installed local Angular CLI version is older than the latest stable version.
Installing a temporary version to perform the update.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Repository is not clean. Please commit or stash any changes before updating.
2

Hi

I have progressed a little using npm install.

This is the output I am now getting. I am getting the following typeScript error.

Can someone advice on what is wrong?


PS G:\AVR_Project\Ionic Projects\App0001-AardraCloud> ionic info
Ionic:

   Ionic CLI                     : 6.13.1 (C:\Users\djosh\AppData\Roaming\npm\node_modules\@ionic\cli)      
   Ionic Framework               : @ionic/angular 6.1.7
   @angular-devkit/build-angular : 0.900.7
   @angular-devkit/schematics    : 12.2.17
   @angular/cli                  : 12.2.17
   @ionic/angular-toolkit        : 2.3.3

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 : not installed
   native-run  : 1.6.0

System:

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

PS G:\AVR_Project\Ionic Projects\App0001-AardraCloud> ionic serve
> ng.cmd run app:serve --host=localhost --port=8100
[ng] chunk {main} main.js, main.js.map (main) 2.03 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 695 bytes [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 164 kB [initial] [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 345 kB [initial] [rendered]
[ng]
[ng] ERROR in The Angular Compiler requires TypeScript >=3.6.4 and <3.9.0 but 3.9.10 was found instead.     
[ng] Date: 2022-05-30T11:40:38.413Z - Hash: 6903b473fd59e296ce19 - Time: 1005ms

[INFO] Development server running!
3

Hi, it seem like you didnt manage to update your angular version properly. You can check the requirement over here https://update.angular.io/ . Kindly check your build-angular/ angular-toolkit version . And Ionic v6 support angular v12 + with typescript 4.2 .