Почему мои маршруты в AngularJS не работают?

Я новичок в AngularJS, и я хочу создать простую регистрационную форму, но мои маршруты не работают.

Это мой app.routing.ts :

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

import { HomeComponent } from './home/home.component';
import { RegistrationComponent } from './registration/registration.component';

const appRoutes: Routes = [
    { path: '', component: HomeComponent },
    { path: 'register', component: RegistrationComponent },
];

export const routing = RouterModule.forRoot(appRoutes);

Это app.module.ts :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { RegistrationComponent } from './registration/registration.component';
import { routing } from './app.routing';

@NgModule({
    imports: [
        BrowserModule,
        routing
    ],
    declarations: [
        AppComponent,
        HomeComponent,
        RegistrationComponent
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

Это app.component.html :

<router-outlet></router-outlet>

Я не понимаю, почему, когда я запускаю сервер, страница по умолчанию пуста, а не отображается html, содержащаяся в '' .

Как я могу решить?