title: Angular with lazy loading and child routes setup
body: <p>I'm trying to set up Angular (8) with lazy loading, but I just can't figure out how to make it work.</p>
  <p>I have 3 modules, each others having different sub-routes :</p>
  <ul>
  <li>module1 (inside of my app)
  <ul>
  <li>/home</li>
  <li>/home/path1</li>
  <li>/home/path2</li>
  </ul>
  </li>
  <li>module2 (presentation of the app, public)
  <ul>
  <li>index</li>
  <li>presentation</li>
  <li>features...</li>
  </ul>
  </li>
  <li>module3 (everything related to access)
  <ul>
  <li>login</li>
  <li>register</li>
  </ul>
  </li>
  </ul>
  <p>Anyone would have a working example on how to make this function properly ?</p>
  <p>Thanks</p>
  <p>EDIT = here's the routing code of my main module :</p>
  <pre><code>[{
    path: 'home', component: HomeComponent, canActivate: [AuthGuardService], children: [
        { path: '', component: DashboardComponent, canActivate: [AuthGuardService] },
        { path: 'upgrade', component: StripeFormComponent, canActivate: [AuthGuardService] }
    ]
  }];
  </code></pre>
  <p>I tried to add lazy loading in the app-routing.module.ts. I reloaded my app, and looked like there was a bit less code, and my module looked like it was loaded lazily however when I tried to access the page, I got a blank page with no explanation. So I'm lost.</p>