title: Angular 2 Routing cannot match any routes
body: <p>I am trying to re-route to a different page on log-in but for some reason my routes don't seem to be working. It keeps telling me that it "Cannot match any routes" in my router. I clearly have the route there, and I have tried all sorts of ways to make it match the path. Perhaps another set of eyes can see something I don't.</p>
  
  <p>AppRouter.module:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { RouterModule, Routes } from '@angular/router';
  
  import { LoginComponent } from '../Components/login.component';
  import { MenuComponent } from '../Components/menu.component';
  
  const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  { path: 'login', component: LoginComponent },
  { path: 'menu', component: MenuComponent }
  ];
  
  @NgModule({
    imports: [ RouterModule.forRoot(routes) ],
    exports: [ RouterModule ]
  })
  export class AppRouter {}
  </code></pre>
  
  <p>login.component.module:</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { Router } from  '@angular/router';
  
  @Component({
    templateUrl: '../Templates/login.component.html'
  })
  export class LoginComponent {
    title = 'app works!';
    username: string = 'user';
    password: string = 'password'
  
    constructor(private router: Router){
  
    }
  
    validate(): void{
      if(this.username === "user" &amp;&amp;
        this.password === "password"){
        console.log("Logged In!");
        this.router.navigate(['../main']);
      }
      else {
            console.log(this.username + ' ' + this.password);
      }
    }
  }
  </code></pre>
  
  <p>It's imported into my module just fine, the menu.component is super basic, and there are no typos. If I add a "Route Link" inside an  tag it will open, but no other way. Any ideas would be great, thanks.</p>