Angular 404导航到子路由时命中的组件

我正在构建一个Angular 6应用程序，其中包括来自功能模块的子路由，但是当我导航到任何子路由时，应用程序模块中定义的404路由被击中

我的应用程序路由如下所示：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from '../core/containers/home/home.component';

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

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

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';

import { DevelopmentHomeComponent } from './containers/development-home/development-home.component';

const routes: Routes = [
  {
    path: 'development',
    children: [
      { path: '', component: DevelopmentHomeComponent },
    ]
  }
];

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ],
  declarations: [
    DevelopmentHomeComponent
  ],
})
export class DevelopmentModule { }

我的孩子路线是这样的：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from '../core/containers/home/home.component';

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

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

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';

import { DevelopmentHomeComponent } from './containers/development-home/development-home.component';

const routes: Routes = [
  {
    path: 'development',
    children: [
      { path: '', component: DevelopmentHomeComponent },
    ]
  }
];

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ],
  declarations: [
    DevelopmentHomeComponent
  ],
})
export class DevelopmentModule { }

当我导航到

/development

时，会呈现404组件，而不是

DevelopmentHomeComponent

。为什么会这样

我已经看过了，但没有解决办法。评论建议将所有路线合并为一条，但我不想采用这种方法

我也看了，但我不想采取这种方法

---

我一直在看托德的座右铭，我看不出我的代码和他的代码有什么区别

尝试为您的

开发路径添加一个带有
路由器插座的组件。有一些有用的注释在这上面。这是Angular 6中的新注释吗？Todd正在为Angular 4编写代码，但是他的代码在没有此组件的情况下运行良好。感谢@Und3rTow的提示，但是当导航到
/development