“No provider for AuthGuard!” using CanActivate in Angular 2

Question

EDIT : Obviously this is outdated, now you provide your guard at the providers array in an NgModule. Watch other answers or official documentation

Answer 1

This happened to me when I had setup my Routes incorrectly:

WRONG

const routes: Routes = 
[
  { 
    path: 'my-path', 
    component: MyComponent, 
    resolve: { myList: MyListResolver, canActivate: [ AuthenticationGuard ] } 
  },
];

Note that in this case canActivate was accidentally made a part of the resolve object.

CORRECT

const routes: Routes = 
[
  { 
     path: 'my-path', 
     component: MyComponent, 
     resolve: { myList: MyListResolver }, 
     canActivate: [ AuthenticationGuard ] 
  },
];