Nested <ion-router-outlet> is appending instead of replacing

For some reason I do not understand the content of every route the user navigates to gets appended to the nested ion-router-outlet, however, when I reload the page the component loaded is the one that matches the URL.

I have tabs working in my local with ion-router-outlet working as expected, however, I’m not able to figure out why in this other case isn’t working as expected. Any help?

a small sample project showing the behavior would be helpful

I’m getting the same problem it’s frustrating. Simply put, i’m getting duplicated ion-content inside ion-router-outlet if I access pages on the nested ion-router-outlet.

As aaronksaunders mentioned to the OP, a minimal reproduction is quite helpful. Otherwise, it is very hard to help.

I can say though, many weird issues can happen if you don’t have all of your pages wrapped in an IonPage. I would check that first.