Angular 4 Eager load lambda函数答案

【问题标题】：Angular 4 Eager load lambda funcitonAngular 4 Eager load lambda函数
【发布时间】：2017-09-02 10:44:57
【问题描述】：

错误中的错误遇到静态解析符号值。对本地（非导出）符号“protectedRoutes”的引用。考虑导出符号（原始 .ts 文件中的位置 9:7），在 /protected/protected.routes.ts 中解析符号 ProtectedRouteModule

请告知如何解决这个问题？

const protectedRoutes: Routes = [
      {
        path: 'protected',
        component: LayoutComponent, 
        canActivate: [AuthGuard],
        children:[
          { path:'', redirectTo: 'contact', pathMatch:'full'},
          { path:'support',  loadChildren: () => SupportModule},
          { path:'contact', loadChildren: () => ContactModule},
          // { path:'support', loadChildren:'./support/support.module#SupportModule'},
          // { path:'contact', loadChildren:'./support/contact.module#ContactModule'},
        ]
      }
    ];

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

【问题讨论】：

标签： angular

【解决方案1】：

如错误消息所述，您必须导出函数。

export function loadSupportModule() {
  return SupportModule
}

那就用吧。

{ path:'support', loadChildren: loadSupportModule }

【讨论】：