针对你遇到的Scene模块懒加载后不显示组件、空路径重定向异常的问题，我结合Angular 5.x的路由特性，整理了具体的排查步骤和配置示例：

一、先修正根路由（AppRoutingModule）的核心配置 #

空路径重定向异常大概率是因为缺少pathMatch: 'full'，这是Angular路由的关键规则——如果不加这个，Angular会匹配所有以空字符串开头的路径，导致重定向逻辑混乱。同时要确保懒加载的路径格式符合Angular 5.x的要求（字符串拼接模块路径和类名）。

示例配置：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AuthComponent } from './auth/auth.component';

const routes: Routes = [
  // 空路径重定向必须加pathMatch: 'full'，确保只有完全匹配空路径时才跳转
  { path: '', redirectTo: '/auth', pathMatch: 'full' },
  // 登录路由
  { path: 'auth', component: AuthComponent },
  // 懒加载Scene模块：路径是相对路径，#后是模块类名（Angular 5.x写法）
  { path: 'scene', loadChildren: './scene/scene.module#SceneModule' },
  // 兜底路由，匹配所有未定义路径
  { path: '**', redirectTo: '/auth' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

二、确保特性模块（SceneModule）的路由与组件配置正确 #

Scene模块加载后不显示组件，通常是路由路径不匹配、组件未声明，或者缺少路由出口导致的：

1. Scene路由模块（SceneRoutingModule）配置 #

这里的路由路径设为空字符串，对应根路由中/scene的路径，加载后直接渲染SceneComponent：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { SceneComponent } from './scene.component';

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

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class SceneRoutingModule { }

2. Scene模块本身的配置 #

必须确保SceneComponent在declarations数组中，同时导入对应的路由模块和Angular Material模块（如果用到的话）：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SceneRoutingModule } from './scene-routing.module';
import { SceneComponent } from './scene.component';
// 按需导入你用到的Material模块，比如卡片模块
import { MatCardModule } from '@angular/material';

@NgModule({
  declarations: [SceneComponent], // 关键：组件必须在这里声明
  imports: [
    CommonModule,
    SceneRoutingModule,
    MatCardModule
  ]
})
export class SceneModule { }

三、必做的排查步骤 #

1. 检查根组件的路由出口：确认AppComponent的模板中存在<router-outlet></router-outlet>标签，这是所有路由组件的渲染载体，没有的话任何组件都无法显示。
2. 验证懒加载是否生效：打开浏览器开发者工具的Network标签，访问/scene路径，查看是否成功加载了scene.module.js文件——如果没加载，说明懒加载路径写错了，检查相对路径和模块类名是否一致。
3. 排查路由守卫冲突：如果你用了AuthGuard等路由守卫，检查是否在/auth或根路由上设置了守卫，导致出现循环重定向（比如未登录时重定向到/auth，空路径又重定向到/auth）。
4. 组件模板是否正确：确认SceneComponent的模板内容正常，没有语法错误导致组件无法渲染。

按照上面的配置和排查步骤调整后，应该能解决你遇到的路由问题。

内容的提问来源于stack exchange，提问作者Mingyu Jeon