Rotas | Angular parte 2: Autenticação, Forms e lazy loading

Quando estava fazendo minha aplicação tentei colocar a rota para o login na última posição, assim:

const routes: Routes = [
  {path: 'user/:userName', component: PhotoListComponent, resolve: {photos: PhotoListResolver}},
  {path: 'photo/add', component: PhotoFormComponent},
  {path: '**', component: NotFoundComponent},
  {path: '', component: SignInComponent}
];

Dessa maneira a rota não carrega. Somente quando coloquei a rota da login em primeiro foi que a aplicação funcionou. Queria saber o motivo disso?

const routes: Routes = [
  {path: '', component: SignInComponent},
  {path: 'user/:userName', component: PhotoListComponent, resolve: {photos: PhotoListResolver}},
  {path: 'photo/add', component: PhotoFormComponent},
  {path: '**', component: NotFoundComponent}
];