所以我首先让我的整个项目在没有 Angular 的通用(服务器端渲染)的情况下工作,然后我开始使用 Angular 通用入门工具包,并将我的项目移动到适当的目录中。
现在一切正常,除了当我导航到某个路线时应该加载和引导的任何延迟加载模块。它可以在不使用 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);
有任何想法吗?