Angular路由redirectTo显示了错误的组件

Question

我知道这个问题已经有几个答案了，但是没有一个对我有帮助。我的问题是路由器重定向没有重定向到正确的页面，我找不到原因。我的设置是:

app-routing.module.ts

export const routes: Routes = [
{ path: '', redirectTo: 'start', pathMatch: 'full' },
{ path: 'start', component: StartComponent, canActivate: [UManagementGuard] },
{ path: 'history', loadChildren: () => import('./history/history.module').then(m => m.HistoryModule), canActivate: [UManagementGuard]
},
{ path: 'preview', component: PreviewComponent, canActivate: [UManagementGuard] },
{ path: 'live', loadChildren: () => import('./live/live.module').then(m => m.LiveModule),
canActivate: [UManagementGuard] },
{ path: 'p-help', component: PHelpComponent },
{ path: '**', redirectTo: '/lotList',  pathMatch: 'full'}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {}

所以当我运行应用程序时，它工作得很好，当我开始:http://localhost: 4200/开始

但是当我调用http://localhost:4200时或http://localhost: 4200/它显示PreviewComponent但不包括StartComponent

？??我已经试过了:

{ path: '', redirectTo: '/start', pathMatch: 'full' }
or
{ path: '', component: StartComponent }

知道为什么会发生这种情况吗?

Answer 1

我终于找到bug了。

我的PreviewComponent是一个延迟加载的模块，我改变了它。但是我忘了删除PreviewRoutingModule，它仍然会触发并将任何空路由重定向到它自己的start组件。