Entrar Ainda não tem acesso?
1
resposta

Erro ao gerar componente: "More than one module matches. Use skip-import option to skip importing the component into the closest module."

Referente ao curso Angular parte 1: produtividade e organização com framework SPA, no capítulo Single Page Applications e rotas e atividade Lidando com rotas inexistentes

por Arthur Garmeiro Meirinho Teixeira
| 11.3k xp | 4 posts
Desenvolvedor de Software

Ao rodar o comando: ng generate component errors/not-found recebi a mensagem:

More than one module matches. Use skip-import option to skip importing the component into the closest module.

pesquisei na internet e encontrei a informação que deveria informar qual seria o modulo principal então rodei desta forma:

ng generate component errors/not-found --module app.

Primeira pergunta, agi corretamente ?

Notei que foi gerado mais arquivos que o professor e com nome diferente:

  • not-found.component.css
  • not-found.component.ts
  • not-found.component.spec.ts
  • not-found.component.ts

É aquele momento que tive certeza do erro... Poderiam me ajudar?

1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Arthur, tudo bem? Vamos lá:

Primeira pergunta, agi corretamente ?

Sim, esse warning foi dado porque no seu projeto existe vários módulos, então, quando usamos o angular-cli para criar nossos componentes ele não sabe para qual módulo você vai precisar.

Sendo assim, precisamos ou não importar em nenhum módulo (para importar manualmente), ou informar qual módulo queremos que ele importe o componente.

É aquele momento que tive certeza do erro... Poderiam me ajudar?

Os quatro arquivos são o padrão do Angular, ele geralmente vai criar:

  • .css: Para definir os estilos do componente.
  • .html: Para definir o template do componente.
  • .ts: Para criar seu componente e definir suas lógicas.
  • .spec.ts: Para rodar os testes unitários do componente.

Não tem nenhum erro.

Espero ter ajudado.