Что не так в этом коде маршрутизации - Angular 8

Question

Я предоставляю ссылку на мою кодовую базу GitHub. Его простой код маршрутизации, но даже не отображение компонента Home. Я не могу найти, что пошло не так в этом. Пожалуйста, помогите мне. Пожалуйста, go через соединение в app-routing.module.ts, а также app.component. html

https://github.com/sireeshap/besty/blob/master/src/app/app.component.html

app.component. html

<header>
<div class='container'>
<a href='#' routerLink='/' class='logo'>Ethics & Habits</a>
 <nav>
   <ul>
  <li><a herf='#' routerLink='/' routerLinkActive="active">Home</a> .</li>
  <li><a  routerLink='/about' routerLinkActive="active">About</a></li>
  <li><a herf='#' routerLink='/vision' routerLinkActive="active">Vision</a></li>
  </ul>
</nav>
</div>
</header>

  <div class='container'>
   <router-outlet></router-outlet>
  </div>

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppHomeComponent } from './app-home/app-home.component';
import { AppVisionComponent } from './app-vision/app- vision.component';
import {AppAboutComponent} from './app-about/app-about.component';

const routes: Routes = [
  {path : ' ',  redirectTo: '/home', pathMatch: 'full' },
  {path : 'home', component : AppHomeComponent},
  {path : 'about ',  component : AppAboutComponent, pathMatch: 'full'},
  {path : 'vision',  component : AppVisionComponent}
 ];

@NgModule({
 imports: [RouterModule.forRoot(routes, { enableTracing: true })],
  exports: [RouterModule]
    })
export class AppRoutingModule { }

Answer 1

Извините, что задал тупой вопрос. Добавлен дополнительный пробел перед путем в app-routing.module.ts