为什么我在 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>

我不明白为什么当我启动服务器时，默认页面是空的，而不是显示home.component.html 中包含的 html 。

我该如何解决？