title: Routing with lazyLoading in children not working - cannot match route
body: <p>This is my app-setup:</p>
  
  <p><a href="https://i.stack.imgur.com/CMKmT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CMKmT.png" alt="enter image description here"></a></p>
  
  <p>This is my <strong>app-routing.module.ts</strong></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { SoftwareComponent } from './components/software/software.component';
  
  const routes: Routes = [
      {
          path: '',
          outlet: 'main',
          component: SoftwareComponent,
          children: [
              {
                  path: 'personal',
                  children: [
                      {
                          path: '',
                          loadChildren: './components/software/data/personal/personal.module#PersonalModule' 
                      }
                  ]
              }
          ]
      }   
  ];
  
  @NgModule({
      imports: [RouterModule.forRoot(routes, {enableTracing: true})],
      exports: [RouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>
  
  <p>My Error is:</p>
  
  <blockquote>
    <p>ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'personal'
    Error: Cannot match any routes. URL Segment: 'personal'</p>
  </blockquote>
  
  <p>Maybe someone can tell whats wrong with my setup?</p>