title: Angular 10 components not loading in router-outlet
body: <p>While building a new app in Angular 10 I am facing the problem of my components not loading like I expect them to.</p>
  <p><a href="https://stackblitz.com/edit/angular-ivy-774cgc" rel="nofollow noreferrer">StackBlitz</a></p>
  <p>The boilerplate code is more or less directly copied from another project I made in Angular 9 where it works perfectly fine, although I seem to remember facing a similar issue at some point, but cannot remember the solution.</p>
  <p><strong>The problem in short</strong><br />
  Only the <code>AppComponent</code> is loading. This component has a <code>router-outlet</code> which should load <code>ShellComponent</code> and children thereof injected via the <code>ShellService</code>.</p>
  <p>The URL redirect works, as I am being redirected to <code>/cases/current</code> on startup as expected, so I know that all modules are loaded correctly.</p>
  <p><strong>What I have tried/researched</strong></p>
  <p>I looked through the documentation for Angular 10 to see if there were any changes from version 9 that might cause this, but was unable to find anything that seemed relevant.</p>
  <p>I tried disabling Ivy, disabling AOT and disabling build optimizations to see if it made any difference - which it did not.</p>
  <p>I also tried exporting the <code>ShellComponent</code> from the <code>ShellModule</code> and load it directly in the <code>AppComponent</code> HTML, which resulted in the <code>ShellComponent</code> showing up, but still no child components.</p>
  <p><strong>Final resolution</strong><br />
  Thanks to the answers below I was able to create a solution that works. <a href="https://stackblitz.com/edit/angular-ivy-dy4ant" rel="nofollow noreferrer">StackBlitz</a> link for anyone interested.</p>