title: Uncaught (in promise): ChunkLoadError: Loading chunk ... " only with firefox (Angular 9.1.2)
body: <p>I don't understand why app my don't work on Firefox but works on Chrome.</p>
  
  <p><a href="https://i.stack.imgur.com/obgT0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/obgT0.png" alt="error in firefox"></a></p>
  
  <p>Remove <code>loadChildren</code> with <code>import()</code> works...</p>
  
  <pre class="lang-js prettyprint-override"><code>
  import {NgModule} from '@angular/core';
  import {RouterModule, Routes} from '@angular/router';
  import {LayoutComponent} from './layout/layout.component';
  
  const appRoutes: Routes = [
    {
      path: '', component: LayoutComponent,
      children: [
        {path: '', redirectTo: 'components', pathMatch: 'full'},
        {
          path: 'components',
          loadChildren: () =&gt; import('./pages/component-creator/component-creator.module').then(m =&gt; m.ComponentCreatorModule)
        },
        {
          path: 'templates',
          loadChildren: () =&gt; import('./pages/template-creator/template-creator.module').then(m =&gt; m.TemplateCreatorModule)
        },
      ]
    },
  
    // Not found
    {path: '**', redirectTo: 'components'},
  
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(appRoutes, {
      enableTracing: false, // tracing for debug
      onSameUrlNavigation: 'reload',
    })],
    exports: [RouterModule]
  })
  export class AppRoutingModule {
  }
  
  </code></pre>
  
  <p>Note: <code>&lt;base href="/"&gt;</code></p>
  
  <p>Any ideas ?</p>
  
  <p>Thank you  !</p>