我正在使用angular-cli-1.6.3捆绑我的项目.我尝试将延迟加载的块名称重命名为有效的模块名称.但它没有用.代码片段如下,
{path:'lazy',loadChildren:'./ lazy/module#LazyModule?chunkName = LazyModule'}
angular-router-loader angular angular-router angular4-router
我想使用延迟加载,但我不明白为什么它不起作用,它给我错误"找不到模块".
这是我的环境:
- Angular 5.2.1
- .NET Core 2
- Webpack 3.10.0
- angular-router-loader 0.8.2
- @ angular/cli 1.6.5
我在loadChildren尝试了不同的路径总是没有成功,我也暂时禁用所有警卫和儿童路线.我做错了什么?
FOLDERS
ClientApp
app
components
users
users-routing.module.ts
users.module.ts
app-routing.module.ts
app.module.shared.ts
Run Code Online (Sandbox Code Playgroud)
APP-routing.module.ts
const appRoutes: Routes = [
{
path: 'users',
loadChildren: './components/users/users.module#UsersModule'/* ,
canLoad: [AuthGuard] */
},
{
path: '',
redirectTo: '/login',
pathMatch: 'full'
},
{
path: '**',
redirectTo: '/login'
}
];
@NgModule({
imports: [
RouterModule.forRoot(
appRoutes,
{ enableTracing: false }
)
],
exports: [
RouterModule
],
providers: [
CanDeactivateGuard
]
}) …Run Code Online (Sandbox Code Playgroud)