title: Angular 9 - Child Routes of Lazy Laoded Module are not working (cannot match any routes)
body: <p>im trying to implement lazy loading for my backend of the app. Now it tells me there are no such routes.</p>
  
  <p>My AppRoutingModule</p>
  
  <pre><code>const routes: Routes = [
    {
      path: '',
      component: StartPageComponent,
      pathMatch: 'full',
    },
    {
      path: 'schulungen/:name',
      component: StartPageComponent,
    },
    {
      // ToDo: AuthGuard
      path: 'hdv',
      loadChildren: () =&gt; import('./pages/hdv-page/hdv-page.module').then(m =&gt; m.HdvPageModule),
    },
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes, {scrollPositionRestoration: 'top'})],
    exports: [RouterModule]
  })
  export class AppRoutingModule {
  }
  
  </code></pre>
  
  <p>My HdvRoutingModule</p>
  
  <pre><code>const hdvRoutes: Routes = [
    {
      path: '', component: HdvPageComponent, pathMatch: 'full', children: [
        {path: '', component: DashboardComponent, pathMatch: 'full'},
        {path: 'bookings', component: RegistrationsComponent},
        {path: 'bookings/:id', component: SingleRegistrationComponent},
        {path: 'dimensions', component: EventsComponent},
        {path: 'dimensions/create', component: CreateEventComponent},
        {path: 'dimensions/edit/:id', component: EditEventComponent},
        {path: 'dimensions/:id', component: SingleEventComponent},
        {path: 'settings', component: SettingsComponent},
      ]
    },
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(hdvRoutes)],
    exports: [RouterModule]
  })
  export class HdvRoutingModule {
  }
  
  </code></pre>
  
  <p>When I go to the route /hdv The <code>HdvPageComponent</code> loads correctly with the <code>Dashboardcomponent</code> in the  of HdvPageComponent like I would it expect to do. But when I go to <code>/hdv/bookings</code> I get the error <code>Cannot match any routes. URL Segment: 'hdv/bookings'</code></p>
  
  <p>Any idea?</p>