Angular 2 Universal懒惰模块无效

时间:2016-10-11 10:31:25

标签: angular lazy-loading angular-universal ng-modules

所以我首先让我的整个项目在没有Angular的通用(服务器端渲染)的情况下工作,然后我开始使用Angular Universal入门套件,并将我的项目移动到相应的目录中。

现在一切正常,除了在我导航到某个路线时应该加载和引导的任何延迟加载的模块。 它可以在不使用webpack和通用的情况下工作,但不能使用。

以下是我的主要模块的路线:

import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { NotFoundComponent } from './app/pages/pages';

import { AuthGuard } from './app/components/services/auth-guard.service';

const appRoutes: Routes = [
    {
        path: '',
        redirectTo: '/hjem',
        pathMatch: 'full'
    },
    {
        path: 'my-profile',
        loadChildren: 'my-profile/my-profile.module#o7MyProfileModule',
        canLoad: [AuthGuard]
    },
    {
        path: '404',
        component: NotFoundComponent
    },
    {
        path: ':slug',
        component: BaseComponent
    },
];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

有什么想法吗?

1 个答案:

答案 0 :(得分:-2)

找到解决问题的这篇文章: angular-2-lazy-loading-with-webpack