延迟加载模块的子节点上的角度路由问题

Question

Iam facing problem in routing child of lazy loaded modules, it redirect on click the link but on refresh it it says abc/runtime.js

it redirects but on refresh it give this error

 GET http://localhost:4200/research-institutes/runtime.js net::ERR_ABORTED 404 (Not Found)

app module routing

           path:'',
           component:DefaultComponent,
           children: [
                 {
                   path:'research-institutes',
                   loadChildren:'../../src/app/views/research-institutes/research-institutes.module#ResearchInstitutesModule'
           }

]

lazy loaded module routing

const routes: Routes = [
    {
       path:'',
     component:InstitutesListingComponent
   },
   {
     path:'detail',
     component:InstituteDetailComponent
   }
];

 @NgModule({
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule]
})

Answer 1

According to Angular documentation the correct way to use lazyloading is

{
  path:'research-institutes',
  loadChildren: () => import('../../src/app/views/research-institutes/research-institutes.module').then(m => m.ResearchInstitutesModule)
 }