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!
Alterei algumas linhas que o config estava reclamando, mais mesmo assim não consegui resolver o problema de não reenderizar o style body{ background: linear-gradient( 180deg, #3d8bfd 0%, #E7F1FF, 100% ); }
"rootDir": "./src",
"outDir": "./dist",
"moduleResolution": "bundler",
"module": "ESNext",Estava com problemas no arquivo
Olá Sergio, tudo bem com você?
A dúvida ficou um pouco misturada, então deixa eu tentar entender o que está acontecendo.
Você mencionou duas coisas diferentes: um problema com o CSS (o background: linear-gradient não renderiza) e configurações do TypeScript (rootDir, outDir, etc.). Antes de ajudar melhor, preciso de mais detalhes:
config estava reclamando era do tsconfig.json? Se sim, qual era a mensagem exata?Dito isso, já vi uma coisa no trecho de CSS que você compartilhou. Olha aqui:
background: linear-gradient(
180deg,
#3d8bfd 0%,
#E7F1FF, 100% /* ← tem uma vírgula antes do 100% */
);
Essa vírgula antes de 100% é um erro de sintaxe. O correto seria sem ela:
background: linear-gradient(
180deg,
#3d8bfd 0%,
#E7F1FF 100%
);
Esse tipo de erro faz o navegador ignorar a propriedade inteira, então o gradiente simplesmente não aparece. Pode ser esse o motivo do CSS não ter aplicado.
Tente corrigir isso e me conta se o problema persiste. Se ainda não funcionar, compartilha mais detalhes sobre o projeto e o erro do config que você mencionou, assim consigo ajudar com mais precisão.
Conte com a Alura para evoluir seus estudos. Em caso de dúvidas, fico à disposição.
Bons estudos!
Sucesso ✨