Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Ola! Tem alguns motivos pra isso:
Componente já importado corretamente
Se você já adicionou o ContainerComponent no array de imports do seu AppComponent (como mostra no seu código), o Angular já reconhece essa tag como válida, então o VS Code não vai sublinhar.
Exemplo que evita o erro:
imports: [CommonModule, RouterOutlet, ContainerComponent],
Quando aparece o erro?
O erro aparece quando o Angular ainda não conhece o seletor <app-container>, por exemplo:
imports do componente pai;Suporte do Angular Language Service
Se você não estiver com a extensão Angular Language Service ativa ou instalada no VS Code, o editor não vai fazer esse tipo de verificação em tempo real. Sem ela, o VS Code trata <app-container> como qualquer tag HTML personalizada e não avisa sobre o erro até o build rodar.
Verifique se está instalada:
Angular Language Service.Erro só no navegador
Mesmo que o VS Code não acuse erro visualmente, o Angular ainda pode acusar erro no console do navegador na hora da execução, caso o componente realmente não tenha sido importado corretamente.
É isso, abração!
Achei muito boa a resposta e explicação