Пустой Angular сайт после добавления маршрутов

Question

Я добавил RouterModule в свое angular приложение SPA, и после этого весь мой сайт просто исчезает. После удаления этого из моего app.module.ts файла все просто возвращается в нормальное состояние. Ребята, вы понимаете, что это происходит?

Вот мой app.module.ts код с комментариями RouterModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NavComponent } from './nav/nav.component';
import { FormsModule, FormBuilder } from '@angular/forms';
import { AuthService } from './_services/auth.service';
import { HomeComponent } from './home/home.component';
import { RegisterComponent } from './register/register.component';
import { UserService } from './_services/user.service';
import { UserListComponent } from './users/user-list/user-list.component';
import { JwtModule } from '@auth0/angular-jwt';
import { LikesComponent } from './likes/likes.component';
import { MessagesComponent } from './messages/messages.component';
import { PubEventsComponent } from './pubEvents/pubEvents.component';
import { RouterModule } from '@angular/router';
import { appRoutes } from './routes';

export function tokenGetter()
{
  return localStorage.getItem('token');
}

@NgModule({
   declarations: [
      AppComponent,
      NavComponent,
      HomeComponent,
      RegisterComponent,
      UserListComponent,
      LikesComponent,
      MessagesComponent,
      PubEventsComponent
   ],
   imports: [
      BrowserModule,
      //RouterModule.forRoot(appRoutes),
      AppRoutingModule,
      HttpClientModule,
      FormsModule,
      JwtModule.forRoot({
        config: {
          tokenGetter: tokenGetter,
          whitelistedDomains: ['localhost:5000'],
          blacklistedRoutes: ['localhost:5000/api/auth']
        }
      })
   ],
   providers: [
      AuthService
   ],
   bootstrap: [
      AppComponent
   ]
})
export class AppModule { }

А вот мой routes.ts файл с маршрутизацией информация:

import { Routes } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { PubEventsComponent } from './pubEvents/pubEvents.component';
import { LikesComponent } from './likes/likes.component';
import { MessagesComponent } from './messages/messages.component';
import { NavComponent } from './nav/nav.component';

export const appRoutes: Routes = [
  { path: 'home', component: HomeComponent},
  { path: 'pub_events', component: PubEventsComponent},
  { path: 'polubienia', component: LikesComponent},
  { path: 'messages', component: MessagesComponent},
  { path: '**', redirectTo: 'home', pathMatch: null},
];