无法在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=“观众/展示者”

它显示在错误下面。

解析SourceMap失败：http://localhost:3000/scripts/BehaviorSubject.js.map角2正在以开发模式运行。调用>enableProdMode()来启用生产模式。异常: Uncaught (承诺)：SyntaxError:意外>令牌<计算http://localhost:3000/scripts/modules/user/app.users.module错误加载http://localhost:3000/scripts/modules/user/app.users.module

我使用webpack的模块加载和捆绑。

知道这个错误的原因是什么吗？

Answer 1

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

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

另外，在RC6上，webpack还用#11837和RC7安装了一辆懒车.