angular 8 - проблема routerLink. при нажатии на тег привязки, у которого есть свойство routerLink, он ничего не делает

Question

routerLink не работает в angular 8. Я импортировал модуль маршрутизатора, который все еще получает проблему.

<div class="dashboard-container dashboard-container1 activedashboard text-left">
  <p>
    <a routerLink="/Dashboard">
      <i class="fa fa-home" aria-hidden="true"></i> 
      Dashboard
    </a>
  </p>
</div>

А ниже приведены настройки панели управления

 @NgModule({
  "declarations": ["AppComponent", "LoginComponent"],
  "imports": ["BrowserModule", "AppRoutingModule", "FormsModule", "ReactiveFormsModule", "RouterModule.forRoot(" [{
      "path": "",
      "component": "LoginComponent"
    }, {
      "path": "login",
      "component": "LoginComponent"
    }, {
      "path": "Dashboard",
      "component": "DashboardComponent"
    }]
    ")"
  ],
  "providers": [],
  "bootstrap": ["AppComponent"]
})

вот Изображение для того же с форматированием NgModule Конфигурация: