No outro curso, depois de adicionar o css modules, dentro do arquivo tsconfig.json foi incluído "plugins": [{"name":"typescript-plugin-css-modules"}]
Por que não foi necessário realizar essa operação neste curso?
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!
Solucionado
No outro curso, depois de adicionar o css modules, dentro do arquivo tsconfig.json foi incluído "plugins": [{"name":"typescript-plugin-css-modules"}]
Por que não foi necessário realizar essa operação neste curso?
Salve, Vicente!
Quando surgir essas dúvidas, recomendo seguir sempre a documentação do pacote, que diz:
Uma vez instalado, adicione este plugin ao seu tsconfig.json:
{
"compilerOptions": {
"plugins": [{ "name": "typescript-plugin-css-modules" }]
}
}Ah show então, obrigado
Boa tarde
Aproveitando o contexto da pergunta acima, uma vez adicionado o trecho mencionado, em "plugins" (o que é correto e necessário para o funcionamento do pacote), notei que quando no arquivo de estilo de um componente realizar algum tipo de @import, logo no arquivo do componente (.tsx) começa a sinalizar um erro (conforme 2º imagem abaixo)
E o erro só deixa de acontecer e inclusive o plugin passa a funcionar corretamente, ou seja, exibe as classes disponíveis para o "autocomplete" no arquivo (.tsx), somente quando se remove os @import do SASS (scss)
Já procurei em vários fóruns na internet mas não achei uma solução (segue um de exemplo que específica configs a mais em relação a usar o typescript do workspace ao invés do vscode, porém também sem sucesso: https://spin.atomicobject.com/2020/06/22/css-module-typescript/)
OBS: O exemplo abaixo é de um outro projeto, porém fiz no do projeto do curso e ocorreu o mesmo problema (desde que se habilitando em plugins - o que é correto, conforme indicado acima)
1º imagem
2º imagem
msg de erro: Element implicitly has an 'any' type because expression of type '"l-footer"' can't be used to index type '{}'. Property 'l-footer' does not exist on type '{}'.ts(7053)
Obrigado.