Entrar Ainda não tem acesso?
2
respostas

Erro ao executar o componente cabeçalho

Referente ao curso Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD, no capítulo Conhecendo o Angular e atividade Construindo o cabeçalho

por Henrique Lucas Rodrigues
| 0 xp | 1 posts

X [ERROR] NG8001: 'app-cabecalho' is not a known element:

  1. If 'app-cabecalho' is an Angular component, then verify that it is included in the '@Component.imports' of this component.

  2. If 'app-cabecalho' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@Component.schemas' of this component to suppress this message. [plugin angular-compiler]

    src/app/app.component.html:0:0: 0 │ ╵ ^

Error occurs in the template of component AppComponent.

src/app/app.component.ts:7:15:
  7 │   templateUrl: './app.component.html',
    ╵                ~~~~~~~~~~~~~~~~~~~~~~
2 respostas
por Mike de Sousa
| 890k xp | 1477 posts
Alura Scuba Team Suporte Educacional

Olá Henrique! Tudo bem?

O erro "NG8001: 'app-cabecalho' is not a known element" geralmente ocorre quando o Angular não consegue encontrar o componente que você está tentando usar. Vou deixar algumas dicas para tentar resolver esse problema:

  1. Verifique o Módulo: Certifique-se de que o componente CabecalhoComponent está declarado no módulo correto. Geralmente, isso é feito no arquivo app.module.ts ou em outro módulo que você tenha criado. No app.module.ts, adicione CabecalhoComponent ao array declarations:

    import { CabecalhoComponent } from './componentes/cabecalho/cabecalho.component';

@NgModule({
  declarations: [
    AppComponent,
    CabecalhoComponent
  ],
  ...
})

  2. Importação Correta: Verifique se o caminho da importação está correto, especialmente se você moveu arquivos ou pastas.

  3. Reinicie o Servidor: Às vezes, reiniciar o servidor de desenvolvimento pode resolver problemas de cache. Pare o servidor com Ctrl + C no terminal e inicie novamente com ng serve.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado
por JONATHAS BARBOSA OLIVEIRA
| 98.9k xp | 38 posts

A ajuda do Mike de Sousa foi certeira para mim.

No app.module.ts, estava "componente" ao invés de "componentes".

Obrigado ao Henrique e ao Mike por compartilhar a dúvida e a orientação!

Desejo muito sucesso.