npm package resolve error even I did exactly what it requires

Issue

code ERESOLVE
ERESOLVE could not resolve

While resolving: @ionic/[email protected]
Found: [email protected]
node_modules/rxjs
  rxjs@"^6.5.3" from the root project
  peer rxjs@"^6.5.3 || ^7.4.0" from @angular/[email protected]        
  node_modules/@angular/cdk
    @angular/cdk@"^16.2.6" from the root project
    peer @angular/cdk@"16.2.6" from @angular/[email protected]   
    node_modules/@angular/material
      @angular/material@"^16.2.6" from the root project        
  11 more (@angular/common, @angular/core, @angular/forms, ...)

Could not resolve dependency:
peer rxjs@">=7.5.0" from @ionic/[email protected]
node_modules/@ionic/angular
  @ionic/angular@"^7.4.2" from the root project

Conflicting peer dependency: [email protected]
node_modules/rxjs
  peer rxjs@">=7.5.0" from @ionic/[email protected]
  node_modules/@ionic/angular
    @ionic/angular@"^7.4.2" from the root project

it wants rxjs^6.5.3, I did exactly what it want in my package.json. Why it still not happy.

Or it means its ok, just the ionic/angular not ok, so confusing for me.

Solution

Apparently what it meant is

Found: [email protected]
node_modules/rxjs
  rxjs@"^6.5.3" from the root project

@rxjs 6.6.7 is what we had installed. No problem.

But

peer rxjs@">=7.5.0" from @ionic/[email protected]

So it won't work,

Solved this by downgrading to @ionic/[email protected]. It peers @rxjs^6.5.3 .

rxjs 6.7.7 is competible.

Answered By - AkiZukiLenn