Angular 2通用懒惰模块无法工作

所以我首先让我的整个项目在没有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);

有任何想法吗?


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

链接地址: http://www.djcxy.com/p/31337.html

上一篇: Angular 2 Universal lazy modules not working

下一篇: server side rendering for angular 4 app is not working