const routes: Routes = [ { path: '', loadChildren: () => import(/* webpackChunkName: "index" */ './pages/module/main/index-page/index-page.module').then(m => m.IndexPageModule) }, { path: 'user', loadChildren: () => import(/* webpackChunkName: "user" */ './pages/module/user/user-routing/user-routing.module').then(m => m.UserRoutingModule) } ] @NgModule({ imports: [RouterModule.forRoot(routes, { initialNavigation: 'enabledBlocking' })], exports: [RouterModule] }) export class AppRoutingModule { }
import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { IndexPageComponent } from './index-page.component'; // Pages const routes: Routes = [ { path: '', component: IndexPageComponent, }, ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class IndexPageRoutingModule { }
Pero aquí cuando construyo un proyecto https://prnt.sc/20zr994
Solo tiene archivos main.js y no tiene archivos de fragmentos perezosos. ¿Qué estoy haciendo mal?
Verifique estos módulos para la importación estática en cualquier módulo cargado no perezoso (en la mayoría de los casos, AppModule)