angular - loadChildren 找不到模块（延迟加载模块）

Question

我正在尝试实现延迟加载模块，但出现错误。我的proest使用System.js，可能我指出方法有误，它是如何计算的？

我的 app.module.ts：

import { NgModule } from '@angular/core';
imports ...

const APP_ROUTES: Routes = [
    { path: 'user', loadChildren: 'build/app/profile/user/user.module#UserModule' },
    { path: '', redirectTo: 'login', pathMatch: 'full' }
];

@NgModule({
  imports: [RouterModule.forRoot(APP_ROUTES)],
  exports: [RouterModule]
})
export class AppRoutingModule {}

我的 user.module.ts：

import { NgModule } from '@angular/core';
imports...

@NgModule({
  imports: [
     CommonModule,
     FormsModule,
     UserRouterModule
  ],
  declarations: [
      UserComponent,
      UserInfoComponent,
      UserEditPasswordComponent
  ],
  exports: [],
  providers: [
      AuthService,
      UserGuard,
      UserService
  ]
  })

  export class UserModule { }

我的用户路由器.module.ts：

import { Routes } from '@angular/router';
imports ...

export const USER_ROUTES: Routes = [
    { path: '', component: UserInfoComponent, pathMatch: 'full' },
    { path: 'edit', component: UserEditPasswordComponent },
    { path: 'candidates', component: CandidateListComponent },
    { path: 'add-candidate', component: CandidateAddComponent },
    { path: 'candidates/:id/edit', component: CandidateEditComponent }
];

@NgModule({
   imports: [RouterModule.forChild(USER_ROUTES)],
   exports: [RouterModule]
})
export class UserRouterModule {}

这里的结构和错误：

我的项目结构： 错误

谢谢！