Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Rotas

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}
];
1 resposta
solução!

Fala ai Matheus, tudo bem? O motivo é por causa da rota do NotFound, veja que ela tem o valor de path como **, isso vai dar match em todas as rotas, sendo assim, não vai cair no SignIn.

A rota de ** deve ser a última, ela também é conhecida como rota de fallback.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software