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!
Ao criar o primeiro componente em angular. Utilizando o comando:
ng g c componentes/container
No "imports" do decorator @Component dentro do arquivo container.component.ts, não importou sozinho o Common Module, devo importar esse módulo manualmente?
import { Component } from '@angular/core';
@Component({
selector: 'app-container',
standalone: true,
imports: [],
templateUrl: './container.component.html',
styleUrl: './container.component.css'
})
export class ContainerComponent {
}
Olá, Vitor
Isso pode acontecer dependendo da versão do Angular utilizada no curso ou da versão instalada no seu ambiente. Em componentes standalone, o CommonModule não é importado automaticamente em todos os cenários. Você só precisa adicioná-lo manualmente caso utilize diretivas como *ngIf, *ngFor, ngClass, ngStyle e outras funcionalidades fornecidas por esse módulo.
No seu exemplo, como o componente está vazio, não há necessidade de importar o CommonModule ainda. Caso passe a utilizar alguma dessas diretivas no template, basta adicionar:
import { CommonModule } from '@angular/common';
@Component({
selector: 'app-container',
standalone: true,
imports: [CommonModule],
templateUrl: './container.component.html',
styleUrl: './container.component.css'
})
Continue explorando os próximos passos do curso e observando essas diferenças entre versões do Angular, pois elas são bastante comuns no dia a dia de desenvolvimento.