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);

何か案は?

4

0 に答える 0