2
respostas

[Dúvida] styles.css não esta funcionando na pagina

Na aula "Entendendo o hot reload" apagamos tudo que tinha no arquivo app.component.html e fizemos um h1, fiz igual o video o css da pagina no arquivo styles.css porém não esta recarregando o estilo na pagina

2 respostas

Oi Lucas!

Estranho, por padrão não deveria haver erros nesse situação, sendo assim, verifique se o arquivo styles.css está corretamente importado no angular.json, na seção styles do projeto. Por exemplo:

"styles": [
  "src/styles.css"
]

Como você mencionou que está na aula sobre "Entendendo o hot reload", da uma olhada se que o servidor(ng serve) está rodando corretamente e que ele está detectando as mudanças no CSS. Às vezes, reiniciar o servidor pode resolver problemas de hot reload.

Por fim, caso ainda tenha alguma persistência, por favor me permita testar o seu projeto, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

https://github.com/LucasAdrian0/indexa