1
resposta

Erro ao carregar arquivo css

Boa tarde,

Galera, comecei o curso intitulado "JavaScript: Conhecendo o Browser e padrões de projeto" e baixei o matéria que constava inclusive como obrigatório para a matéria. Logo na primeira aula o professor adiciona uma linha no arquivo HTML incluindo o script que leva para o arquivo index.js que criamos para modificar a página. Antes de ir criar o arquivo JS por curiosidade carreguei a página que foi nos dado no index.html e, por curiosidade, abri a ferramenta de desenvolvedor.

Ao ver a área do console me deparei com dois erros que diziam que os dois arquivos que estavam sendo linkados no início do arquivo HTML não tinham sido encontrados. Abri a pasta onde dizia que eles estariam e realmente eles estavam lá, mas simplesmente o erro continuava acontecendo. Em nenhum momento nos cursos de JavaScript que fiz anteriormente esse tipo de erro aconteceu com arquivos .css, será que vocês poderiam me ajudar?

A seguir coloquei o link do Google Driver onde coloquei a pasta completa do projeto zipada e também o log do erro que apareceu na ferramenta do desenvolvedor que salvei.

Link: https://drive.google.com/drive/folders/16ErA_L3Hx1k-IkIOG1j3KSXIuZvH547U?usp=sharing

Obrigado pela atenção!

1 resposta

Fala ai Kevyn, tudo bem? Os erros apresentados no console são referentes aos arquivos de map do Bootstrap.

Isso porque cada arquivo CSS do Boostrap no final deles possuem uma definição de um map:

/*# sourceMappingURL=bootstrap.css.map */
/*# sourceMappingURL=bootstrap-theme.css.map */

Os arquivos map normalmente são utilizados para a gente debugar códigos que foram minificados e passaram por algum processo de otimização.

Nesse caso para resolver o problema você pode apagar essas duas linhas no final de cada arquivo, para o seu contexto eles não são necessários.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software