erro 404

Olá Hugo, tudo bem com você?

Peço desculpas pela demora em obter um retorno.

O erro 404 é um erro que ocorre quando o servidor não consegue encontrar o arquivo solicitado e nesta aula em específico o instrutor introduz o conceito de autenticação e ensina como criar uma tela de login e trabalhar com rotas, onde é definido que ao acessarmos a rota principal localhost:4200 será apresentado uma página de login.

Sendo assim, verifique se você possui os arquivos e códigos corretos:

• Dentro da pasta home crie uma pasta chamada signin e dentro dela os arquivos signin.component.ts e signin.component.html

  signin.component.ts

  
    import { Component } from '@angular/core';
  
    @Component({
        templateUrl: './signin.component.html'
    })
    export class SignInComponent { }
  

  signin.component.html

    <h4 class="text-center">Login</h4>
  
    <form class="form mt-4">
  
        <div class="form-group">
            <input 
                class="form-control" 
                placeholder="user name" 
                autofocus>  
        </div>
  
        <div class="form-group">
            <input
                type="password" 
                class="form-control" 
                placeholder="password">              
        </div>
  
        <button 
            type="submit" 
            class="btn btn-primary btn-block">
            login
        </button>
  
    </form>
  
    <p>Not a user?<a>Register now</a></p>
  

• Dentro da pasta home, crie um arquivo na raiz desta pasta chamado home.module.ts que terá a exportação do módulo signin:

    import { NgModule } from '@angular/core';
  
    @NgModule({
        declarations: [ SignInComponent ]
    })
    export class HomeModule { }

• Por fim, no app.routing.module.ts, adicione a rota deste módulo para a principal da aplicação, para que quando acessar via localhost:4200 seja aberto a página de login:

    const routes: Routes = [
        {
            path: '',
            component: SignInComponent
        },
        {
            path: 'user/:userName',
            component: PhotoListComponent,
            resolve: {
                photos: PhotoListResolver
            }
        },
        <!-- código omitido -->
    ]

• Não se esqueça de adicionar o componente HomeModule a aplicação principal, no arquivo app.module.ts na propriedade imports.

Todavia, como o código completo do seu projeto não foi fornecido, a intenção das etapas mencionadas acima é encorajá-lo a seguir novamente o processo demonstrado em aula, a fim de identificar o possível erro. No entanto, caso queira obter o código completo utilizado na aula para comparar com o seu, você pode fazer o download através deste link.

Espero ter ajudado. Continue mergulhando em conhecimento e não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Em caso de dúvidas estou à disposição.

Abraços e bons estudos!