title: Getting error with routing which says no provider for routing
body: <p>Error in ./AppComponent class AppComponent - inline template:0:0 caused by: No provider for Router!</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { HttpClient, HttpClientModule, HttpClientJsonpModule } from '@angular/common/http';
  import { ReactiveFormsModule, FormsModule } from '@angular/forms';
  
  import { AppRoutingModule } from './app-routing.module';
  
  import { GridModule } from '@progress/kendo-angular-grid';
  import { LayoutModule } from '@progress/kendo-angular-layout';
  import { ButtonsModule } from '@progress/kendo-angular-buttons';
  import { DialogModule } from '@progress/kendo-angular-dialog';
  import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
  
  
  
  @NgModule({
    declarations: [
      AppComponent,
      HeaderComponent,
      FooterComponent,
  </code></pre>
  
  <p>,
        ],
        imports: [
          HttpClientModule,
          HttpClientJsonpModule,
          BrowserModule,
          BrowserAnimationsModule,
          AppRoutingModule,
          ReactiveFormsModule,
          FormsModule,
          GridModule,
          DialogModule,
          LayoutModule,
          ButtonsModule,
          DropDownsModule
        ],
        providers: [],
        bootstrap: [AppComponent]
      })
      export class AppModule { }</p>
  
  <p>Error in ./AppComponent class AppComponent - inline template:0:0 caused by: No provider for Router!</p>