为什么使用 routerLink 指令的角度路由器重新加载页面？

Question

I did a migration from Angular 10 to 13 and Ionic 5 to 6.

With my current set-up (Angular 13, Ionic 6), I have a strange behavior: when I navigate to new page using routerLink directive, the new page reload and the page stack is lose.

The behavior is the same as user typing directly the URL in navigator bar.

I tried to find similar issue or way to understand this behavior but nothing.

Can you help me please ?

Router Root configuration:

    RouterModule.forRoot(routes, {
      preloadingStrategy: PreloadAllModules,
      anchorScrolling: 'enabled',
      enableTracing: false,
      relativeLinkResolution: 'legacy'
    })

Link button integration:

<ion-button [routerLink]="['/dashboard/targets']" [queryParams]="{s: 'community'}" ...>...</ion-button>

Router Child configuration:

    RouterModule.forChild([
      {
        path: 'targets',
        loadChildren: () => import('./targets/targets.module').then( m => m.DashboardTargetsPageModule)
      }
    ]),

Answer 1

Ionic 6 中有一个错误，在 Ionic 6.0.16 中已解决，请尝试安装该版本。

npm install @ionic/angular@6.0.16