Cannot activate an already activated outlet

I’m facing the error “Cannot activate an already activated outlet” in my Ionic (Angular) iOS app while performing router navigation.

This error occurs during navigation and results in an unhandled promise rejection. It seems Angular is trying to activate a route in a <ion-router-outlet> that is already active.

Context:

  • Ionic + Angular application (Capacitor iOS)

  • Happens during page navigation (e.g., login → dashboard or similar flow)

  • Stack trace points to activateWith and activateRoutes in vendor.js

Expected Behavior:
Navigation should happen once without reactivating the same outlet.

Actual Behavior:
App throws runtime error and navigation fails/crashes.

IONIC INFO:

Ionic CLI : 7.2.0 (/Users/*****/.nvm/versions/node/v20.14.0/lib/node_modules/@ionicionic/cli)
Ionic Framework @ionic : @ionic/angu@angular-devkitar 7.4.2
@angular-devkit@angular-devkitbuild-angular : 16.2.4
@@angularngular-devkit/schematics : 1@ionic.2.4
@angular/cli : 16.2.4
@ionic/angular-toolkit @capacitor : 9.0.0

Capacit@capacitorr:

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

Utility:

cordova-res : not installed globally
native-run (update available: 2.0.3) : 1.7.3

NodeJS : v20.14.0 (/Users/******/.nvm/versions/node/v20.14.0/bin/node)
npm : 10.7.0
OS : macOS Unknown