そのため、最初にプロジェクト全体を 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);
何か案は?