在Angular2(RC-6)中无法延迟加载模块

Question

我正在尝试在我的示例angular2应用程序中实现延迟加载功能模块。

我的应用有一个根模块和两个特性模块。

根模块路径和路由文件为

app/public/scripts/app.module.ts
app/public/scripts/app.routing.ts

我想实现延迟加载的特性模块的路径和它的路由是

app/public/scripts/modules/user/app.user.module.ts
app/public/scripts/modules/user/app.user.routing.ts

下面是app.routing.ts代码

'use strict';
import {Routes , RouterModule } from '@angular/router';
import { ModuleWithProviders } from '@angular/core';
const appRoutes : Routes = [
{path: 'ausers' , loadChildren: 'scripts/modules/user/app.users.module#UsersModule' }
];
export const appRoutingProviders: any[] = [];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

下面是app.user.routing.ts的代码

'use strict';
import { ModuleWithProviders } from '@angular/core';
import { Routes , RouterModule } from '@angular/router';
//-- import components , directives and pipes
import { AppUsersComponent } from './app.users.component';

const UserRoutes :Routes = [
{path: 'ausers/showusers' , component: AppUsersComponent }
]
export const userRouting: ModuleWithProviers =  RouterModule.forChild(UserRoutes);

当用户点击应用程序下面的链接时

routerLink = "用户/showusers "

在错误

下面显示

解析SourceMap: http://localhost:3000/scripts/BehaviorSubject.js.map失败Angular 2正在以开发模式运行。2 .调用">enableProdMode()"，启用生产模式。异常:Uncaught (in promise): Error: SyntaxError: Unexpected>token

我使用webpack来加载和绑定模块。知道这个错误的原因是什么吗?

Answer 1

您需要指定模块相对于src/的路径:

{path: 'ausers' , loadChildren: 'app/public/scripts/modules/user/app.users.module#UsersModule' }

在RC6上webpack也有延迟加载的问题，这个问题在#11837和RC7中得到了修复。