0

Angular e o ERRO NG6002: Que tal economizar algumas horas com pesquisas e testes?

#Angular
Ilan Ribeiro
Ilan Ribeiro

Estava eu, numa bela e ensolarada manhã de domingo, estudando Angular.


Escolhi a pasta onde iria gerar o projeto. Confiante 100%, iniciei o novo projeto com o ng new my-project (criatividade em alta!).


Ocorreu tudo bem. Respondi todas as perguntas e o processo foi completado com sucesso.


Daí então, acessei a pasta do projeto cd my-project e para minha surpresa, recebi como retorno uma mensagem de erro. Um tipo de mensagem que é da mesma família das “Vixe, nunca vi essa antes”. Um NG6002.



Dei uma lida na mensagem e verifiquei que parecia erro de importação. Até aí ok, mas a questão era que… esse projeto era novinho em folha. Como poderia ser problema de importação se eu nem mexi em nada?


Fiquei confuso imaginando que o erro de importação poderia ter sido gerado no momento da criação do projeto. Seria possível isso?


Apaguei e gerei um novo projeto mais algumas vezes para ter certeza do erro. Gerei projeto com roteamento, projeto sem roteamento, com CSS, SCSS.... Enfim, fiz alguns testes e o erro permanecia ali me olhando.


Imaginei que poderia ter ocorrido algum erro no Angular, talvez por conta de alguma atualização no linux. Desinstalei o Angular CLI e reinstalei novamente. Sem sucesso!


Pensei: será que pode ter acontecido algo de errado com o Node? Fiz o mesmo processo com ele, desinstalando e reinstalando. Resultado… NG6002 ainda por lá.



Como eu estava com pressa, pois queria finalizar alguns projetos antes do final do dia, resolvi partir para configurar o Windows da máquina (uso dual boot).


Fiz toda a configuração, instalei tudo que precisava para estudar no Windows. Então fiz alguns testes para saber se estava tudo fluindo certinho e… ok, estava tudo funcionando perfeitamente.


Segui o resto do dia estudando com o Windows, sem problemas.


Na segunda-feira, resolvi pegar o Linux para analisar mais profundamente e resolver de uma vez por todas esse erro.


Confiante mais uma vez, escolhi uma pasta qualquer e gerei um novo projeto em Angular. Esperei todo o processo de compilação e entrei na pasta do projeto criado. 


Escrevi o comando npm start estando certo de pegar a tela de erro e analisar com todo o carinho.


Mas aí eu me surpreendi. O projeto compilou certinho! Sem um errinho sequer. Tomei um susto! Fiquei feliz, mas continuei assustado! =)


Então parei para pensar um pouco.

Percebi que havia gerado esse projeto em outra pasta, fora daquela que estava usando no dia anterior.


O que foi que eu fiz então? Voltei na pasta anterior e gerei um novo projeto lá. O que você acha que aconteceu? Erro NG6002!!


Hmmm interessante!


Voltei uma pasta atrás e gerei o projeto. Sem erros.

Gerei dentro da pasta problemática de novo. Com erros!


Fui analisar as pastas e percebi que o nome da pasta problemática era #PROJETOS 



Fiz um teste. Renomeei a pasta, tirando símbolos hashtag (ou jogo da velha para alguns).




A pasta agora já não tinha mais o símbolo no nome.



Hora de testar mais uma vez. Entrei na pasta do projeto, conforme abaixo:



Rodei o npm start e…



Sucesso! Compilado perfeitamente e sem erros.


Busquei na internet sobre essa possível limitação do Angular, de não ser compilada corretamente em árvore de pastas, onde alguma delas contenha caracteres especiais, mas não tive sucesso nos resultados.


Fiz testes utilizando underscore( _ ), mas funcionou normalmente. Até o momento o erro que encontrei foi com pastas utilizando esse símbolo de hashtag.


Então fica aqui essa contribuição, para caso você se depare com esse tipo de erro.


Agradeço a atenção e até a próxima!

0
3

Comentários (0)

Resolver problemas e usar tecnologia... é o que eu gosto!

Brasil