Angular路由异常：点击跳转路径变化但页面空白，求排查配置问题

让我仔细梳理你的路由配置和代码，发现几个关键问题导致点击按钮后页面空白：

1. AppModule的bootstrap数组错误配置 #

你在AppModule的bootstrap数组里加入了CompanyModule和CustomersModule，这是完全错误的——bootstrap数组只能放置Angular组件（根组件），不能放置模块。模块应该通过imports数组导入，或者通过懒加载的方式加载，把模块放在bootstrap里会导致应用初始化逻辑混乱，这很可能是页面空白的核心原因。

修正后的AppModule配置：

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpClientModule } from '@angular/common/http'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { RouterModule, Routes } from '@angular/router'; 
import { AppComponent } from './app.component'; 

const appRoutes: Routes = [ 
  { path : 'company', loadChildren: './main/content/company/company.module#CompanyModule' }, 
  { path : '**', redirectTo : 'company/dashboards/default' } 
]; 

@NgModule({
  declarations: [ AppComponent ],
  imports : [ 
    BrowserModule,
    HttpClientModule,
    BrowserAnimationsModule,
    RouterModule.forRoot(appRoutes, { enableTracing: true })
  ],
  bootstrap : [ AppComponent ] // 只保留根组件
}) 
export class AppModule { }

注意：你之前移除了无关代码，但BrowserModule、HttpClientModule这些基础模块应该放回imports数组，否则应用会无法正常运行。

2. 检查路由出口是否存在 #

确保你的AppComponent模板里包含了顶级的<router-outlet></router-outlet>，所有懒加载的模块内容都会渲染到这个出口里。如果没有这个标签，即使路由导航成功，页面也会是空白的。

3. 验证CompanyModule的默认路由匹配 #

你的默认路由重定向到company/dashboards/default，但目前CompanyModule的路由配置里没有这个路径。如果这是你预期的默认页面，需要在CompanyModule里补充对应的路由配置，否则首次启动也会出现空白问题。

4. CustomerDetailModule的路由路径优化 #

CustomerDetailModule的路由路径设置为customer，结合父路由company/customers，最终路径会是company/customers/customer，这个路径有点冗余，建议调整为空白路径或更简洁的命名，比如：

const routes: Routes = [ 
  { path : '', component: CustomerDetailComponent, resolve : { service: CustomerDetailService } } 
];

这样导航到company/customers/customer可以简化为company/customers（如果这是该模块的默认页面），或者保持原路径，这取决于你的业务需求。

验证导航逻辑 #

你的gotoCustomersDashboard()方法里的导航路径['company/customers/dashboard']是正确的，只要前面的问题修复后，这个导航应该能正常渲染CustomersDashboardModule的内容。

总结一下，先修复AppModule的bootstrap数组错误，确保顶级路由出口存在，再验证各模块的路由配置，应该就能解决页面空白的问题了。

内容的提问来源于stack exchange，提问作者Ivan-Mark Debono