Angular 11 – маршрут с использованием именованных перенаправлений на '/'

Я не думаю, что relativeLinkResolution связано с тем, как указано в этом вопросе: Angular RelativeLinkResolution — различия между устаревшим и исправленным.

Из того, что я прочитал в вашей демонстрации StackBlitz и сделал несколько проб и ошибок:

Проблема в вашем routes в core-routing.module.ts. Вы используете маршрут '' для перехода на страницу CoreComponent. Это приводит к тому, что маршрут всегда перенаправляется на «/».

Вы должны использовать pathMatch: 'full', чтобы маршрут с '' или '/' перенаправлялся только на страницу CoreComponent.

Это должно быть так:

const routes: Routes = [
  {
    component: CoreComponent,
    path: '',
    pathMatch: 'full'
  },
];

Кроме того, вам не нужно импортировать RouterModule в AppModule, поскольку это, похоже, дублирует цель в AppRoutingModule, которая будет импортировать RoutingModule.

@NgModule({
  imports: [
    BrowserModule,
    //RouterModule,
    AppRoutingModule,
    SharedModule,
    CoreModule,
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {}

Обновлено: если вы хотите, чтобы CoreComponent отображался постоянно:

1. Импортируйте CoreModule вместо redirectTo: '/' в app-routing.module.ts.

const routes: Routes = [
  {
    path: '',
    pathMatch: 'full',
    loadChildren: () => import('./core/core.module').then((m) => m.CoreModule),
  },
  ...
];

2. Удалите pathMatch: 'full' для приведенного ниже маршрута в файле core-routing.module.ts.

const routes: Routes = [
  {
    component: CoreComponent,
    path: '',
  },
];

Демо @ StackBlitz