title: Angular 7: 'Cannot find name ' '
body: <p>I am working on a personal portfolio webiste in Angular 7 and am having problems when getting the routing to work. The site opens but displays nothing on the page. If I comment out my paths the site loads properly. I cannot find any resources that solve this problem.</p>
  
  <p>//This is what I receive on my command line when I run ng serve.</p>
  
  <pre><code>    ｢wdm｣: Compiled successfully.
      ERROR in src/app/app.module.ts(20,31): error TS2304: Cannot find name 'Contact'.
      src/app/app.module.ts(21,33): error TS2304: Cannot find name 'Portfolio'.
  </code></pre>
  
  <p>//This is my code to get the routing working.</p>
  
  <pre><code>    import { BrowserModule } from '@angular/platform-browser';
      import { NgModule } from '@angular/core';
  
      import { AppComponent } from './app.component';
      import { SideBarComponent } from './side-bar/side-bar.component';
      import { MainContentComponent } from './main-content/main-content.component';
      import { NavigationBarComponent } from './navigation-bar/navigation-bar.component';
  
      import { RouterModule, Routes } from '@angular/router';
      import { PortfolioComponent } from './portfolio/portfolio.component';
      import { ContactComponent } from './contact/contact.component';
  
  
      const appRoutes: Routes = [
  
          {path: 'contact', redirectTo: '/contact', pathMatch:'full'},
          {path: 'portfolio', redirectTo: '/portfolio', pathMatch:'full'},
  
          //this seems to be where I get the problem
  
          { path: 'contact', component: Contact.Component },
          { path: 'portfolio', component: Portfolio.Component }
      ]
  
      @NgModule({
          declarations: [
          AppComponent,
          SideBarComponent,
          MainContentComponent,
          NavigationBarComponent,
          PortfolioComponent,
          ContactComponent,
      ],
  
      imports: [
          BrowserModule,
          RouterModule.forRoot(appRoutes,{ enableTracing: true })    
      ],
  
          providers: [],
          bootstrap: [AppComponent]
      })
      export class AppModule { }
  </code></pre>