角度2路由返回空白页,无错误

我正在将SPA代码库从angular 2.0.0升级到2.4.10(angular router 3.4.10)。但现在,最奇怪的事情发生了:一些路由工作得很好,但一些路由什么也不返回(像一个空白组件),而且我的任何调试前端上都绝对没有记录任何错误

下面是我们实现的提炼版本:主“子”路由是延迟加载的,但加载的模块急切地加载以下子路由

例子:

www.hostname.com/clients <- Lazy load
www.hostname.com/clients/details <- Eager loaded by the "Clients" module

我的主应用程序路由(src/app/app.routing.ts)上有以下代码:

import { Routes, RouterModule } from '@angular/router';

const appRoutes: Routes = [
  { path: 'clients', loadChildren: () => System.import('../clients/clients.module').then(m => m['ClientsModule']) },
  ...moreRoutes
];

export const appRouting = RouterModule.forRoot(appRoutes);

然后在(src/clients/clients.routing.ts)中:

import { Routes, RouterModule } from '@angular/router';
import { Clients } from './'; // I have a index.ts file that exports the component plus some more stuff, so loading from this relative path works just fine

const clientRoutes: Routes = [
  { path: 'test', component: Clients }, // for testing porpuses
  { path: '', component: Clients }, // "Normal" route that should work like in all my other modules
  ...MoreRoutes
];

export const clientsRouting = RouterModule.forChild(clientRoutes);

然后将clientsRouting常量导入ClientsModule并传递给导入:[]装饰器。

现在是路线 www.hostname.com/clients 只返回一个空白组件。但是路线 www.hostname.com/clients/test 正常工作

现在我完全不知道怎么了。我甚至比较了两个不同但相似的模块(一个工作,一个不工作),但没有发现明显的编码差异。

项目中的所有组件都是这样实现的,在Angular 2.0.0上运行良好

编辑:更多信息:

• 我正在使用带有一些插件的webpack来进行丑化、lint和其他一些小调整。在dev中,我们使用webpack dev服务器(2.9.6)来侦听和重新编译代码,生产和开发的配置都有这个问题。由于一些低级的依赖关系,我无法在没有通过webpack的情况下运行应用程序,但我不认为webpack是这里的问题,我只是以防万一。
• 当这个bug发生时,不会发生重定向,它只是停留在那里,就像什么都没发生一样。
• 我主要关注的是ATM test 子路由指向与 '' 路线,它工作,而直接 '' 一个没有;使用跟踪路线 { enableTracing: true } 两者之间没有任何区别。