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

Problema com o lazy loading

Seguinte pessoal, meu lazy loading parece correto, chequei a aula e a descrição 3x pra ver se eu tinha errado em algo, mas aparentemente não. Comportamento:

  • Todo o carregamento inicial (rotas que não sejam a home) reagindo normalmente e sem carregar o home module, como esperado.
  • Quando vou para alguma rota da home, o arquivo do home module é carregado, como esperado. Checo isso através da aba "Network" das ferramentas de desenvolvedor do Chrome.
  • Mas o "miolo", tanto a imagem quanto o router-outlet com o sign in ou o sign up não são carregados, a página fica em branco, com apenas o header (que está sendo carregado no app module, então indica que o problema está na home mesmo [?]).

Bom, é isso, falei tudo o que consegui analisar. D:

1 resposta
solução!

Consegui resolver!

Apenas para fins de histórico, e para caso alguém encontre o mesmo cenário:

Em home.routing.module.ts deixei:

const routes: Routes = [
    { 
        path: 'home', 
        component: HomeComponent,
        canActivate: [AuthGuard],
        children: 
    ...........

Ao invés de:

const routes: Routes = [
    { 
        path: '', 
        component: HomeComponent,
        canActivate: [AuthGuard],
        children: 
    ...........

Resumindo, minha aplicação estava funcionando como esperado, mas o componente só era carregado em uma rota diferente (localhost:4200/home/home provavelmente).

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