How to resolve dependency conflict between the versions of rxjs required by different packages (@ionic-native/core@5.36.0 and @angular-devkit/architect@0.1703.6

As of 2021 all cordova plugins are moved to different package name. So using @ionic-native/core is depracated you need to change all the plugin package name to @awesome-cordova-plugins/*

ERROR :

[15:38:31]: ▸ npm ERR! code ERESOLVE
[15:38:31]: ▸ npm ERR! ERESOLVE could not resolve
[15:38:31]: ▸ npm ERR!
[15:38:31]: ▸ npm ERR! While resolving: @ionic-native/core@5.36.0
[15:38:31]: ▸ npm ERR! Found: rxjs@7.8.1
[15:38:31]: ▸ npm ERR! node_modules/rxjs
[15:38:31]: ▸ npm ERR!   rxjs@"~7.8.0" from the root project
[15:38:31]: ▸ npm ERR!   rxjs@"7.8.1" from @angular-devkit/architect@0.1703.6
[15:38:31]: ▸ npm ERR!   node_modules/@angular-devkit/architect
[15:38:31]: ▸ npm ERR!     @angular-devkit/architect@"0.1703.6" from @angular-devkit/build-angular@17.3.6
[15:38:31]: ▸ npm ERR!     node_modules/@angular-devkit/build-angular
[15:38:31]: ▸ npm ERR!       dev @angular-devkit/build-angular@"^17.0.0" from the root project
[15:38:31]: ▸ npm ERR!     @angular-devkit/architect@"0.1703.6" from @angular-devkit/build-webpack@0.1703.6
[15:38:31]: ▸ npm ERR!     node_modules/@angular-devkit/build-webpack
[15:38:31]: ▸ npm ERR!       @angular-devkit/build-webpack@"0.1703.6" from @angular-devkit/build-angular@17.3.6
[15:38:31]: ▸ npm ERR!       node_modules/@angular-devkit/build-angular
[15:38:31]: ▸ npm ERR!         dev @angular-devkit/build-angular@"^17.0.0" from the root project
[15:38:31]: ▸ npm ERR!     1 more (@angular/cli)
[15:38:31]: ▸ npm ERR!   10 more (@angular-devkit/build-angular, ...)
[15:38:31]: ▸ npm ERR!
[15:38:31]: ▸ npm ERR! Could not resolve dependency:
[15:38:31]: ▸ npm ERR! peer rxjs@"^5.5.0 || ^6.5.0" from @ionic-native/core@5.36.0
[15:38:31]: ▸ npm ERR! node_modules/@ionic-native/core
[15:38:31]: ▸ npm ERR!   @ionic-native/core@"^5.36.0" from the root project
[15:38:31]: ▸ npm ERR!
[15:38:31]: ▸ npm ERR! Conflicting peer dependency: rxjs@6.6.7
[15:38:31]: ▸ npm ERR! node_modules/rxjs
[15:38:31]: ▸ npm ERR!   peer rxjs@"^5.5.0 || ^6.5.0" from @ionic-native/core@5.36.0
[15:38:31]: ▸ npm ERR!   node_modules/@ionic-native/core
[15:38:31]: ▸ npm ERR!     @ionic-native/core@"^5.36.0" from the root project
[15:38:31]: ▸ npm ERR!
[15:38:31]: ▸ npm ERR! Fix the upstream dependency conflict, or retry
[15:38:31]: ▸ npm ERR! this command with --force or --legacy-peer-deps
[15:38:31]: ▸ npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
[15:38:31]: ▸ npm ERR!
[15:38:31]: ▸ npm ERR!
[15:38:31]: ▸ npm ERR! For a full report see:
[15:38:31]: ▸ npm ERR! /root/.npm/_logs/2024-05-21T15_38_30_285Z-eresolve-report.txt
[15:38:31]: ▸ npm ERR! A complete log of this run can be found in: /root/.npm/_logs/2024-05-21T15_38_30_285Z-debug-0.log
[15:38:31]: `npm ci` failed falling back to `npm install`
[15:38:31]: $ npm install --quiet
[15:38:33]: ▸ npm ERR! code ERESOLVE
[15:38:33]: ▸ npm ERR! ERESOLVE could not resolve
[15:38:33]: ▸ npm ERR!
[15:38:33]: ▸ npm ERR! While resolving: @ionic-native/core@5.36.0
[15:38:33]: ▸ npm ERR! Found: rxjs@7.8.1
[15:38:33]: ▸ npm ERR! node_modules/rxjs
[15:38:33]: ▸ npm ERR!   rxjs@"~7.8.0" from the root project
[15:38:33]: ▸ npm ERR!   rxjs@"7.8.1" from @angular-devkit/architect@0.1703.6
[15:38:33]: ▸ npm ERR!   node_modules/@angular-devkit/architect
[15:38:33]: ▸ npm ERR!     @angular-devkit/architect@"0.1703.6" from @angular-devkit/build-angular@17.3.6
[15:38:33]: ▸ npm ERR!     node_modules/@angular-devkit/build-angular
[15:38:33]: ▸ npm ERR!       dev @angular-devkit/build-angular@"^17.0.0" from the root project
[15:38:33]: ▸ npm ERR!     @angular-devkit/architect@"0.1703.6" from @angular-devkit/build-webpack@0.1703.6
[15:38:33]: ▸ npm ERR!     node_modules/@angular-devkit/build-webpack
[15:38:33]: ▸ npm ERR!       @angular-devkit/build-webpack@"0.1703.6" from @angular-devkit/build-angular@17.3.6
[15:38:33]: ▸ npm ERR!       node_modules/@angular-devkit/build-angular
[15:38:33]: ▸ npm ERR!         dev @angular-devkit/build-angular@"^17.0.0" from the root project
[15:38:33]: ▸ npm ERR!     1 more (@angular/cli)
[15:38:33]: ▸ npm ERR!   10 more (@angular-devkit/build-angular, ...)
[15:38:33]: ▸ npm ERR!
[15:38:33]: ▸ npm ERR! Could not resolve dependency:
[15:38:33]: ▸ npm ERR! peer rxjs@"^5.5.0 || ^6.5.0" from @ionic-native/core@5.36.0
[15:38:33]: ▸ npm ERR! node_modules/@ionic-native/core
[15:38:33]: ▸ npm ERR!   @ionic-native/core@"^5.36.0" from the root project
[15:38:33]: ▸ npm ERR!
[15:38:33]: ▸ npm ERR! Conflicting peer dependency: rxjs@6.6.7
[15:38:33]: ▸ npm ERR! node_modules/rxjs
[15:38:33]: ▸ npm ERR!   peer rxjs@"^5.5.0 || ^6.5.0" from @ionic-native/core@5.36.0
[15:38:33]: ▸ npm ERR!   node_modules/@ionic-native/core
[15:38:33]: ▸ npm ERR!     @ionic-native/core@"^5.36.0" from the root project
[15:38:33]: ▸ npm ERR!
[15:38:33]: ▸ npm ERR! Fix the upstream dependency conflict, or retry
[15:38:33]: ▸ npm ERR! this command with --force or --legacy-peer-deps
[15:38:33]: ▸ npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
[15:38:33]: ▸ npm ERR!
[15:38:33]: ▸ npm ERR!
[15:38:33]: ▸ npm ERR! For a full report see:
[15:38:33]: ▸ npm ERR! /root/.npm/_logs/2024-05-21T15_38_31_817Z-eresolve-report.txt
[15:38:33]: ▸ npm ERR! A complete log of this run can be found in: /root/.npm/_logs/2024-05-21T15_38_31_817Z-debug-0.log

Solutions:

npm install @awesome-cordova-plugins/name
npm uninstall -–save @ionic-native/core