Entrar Ainda não tem acesso?
2
respostas

DevTools

Referente ao curso TypeScript parte 1: evoluindo seu JavaScript, no capítulo Bem começado, metade feito e atividade Consolidando seu conhecimento

por Eduardo Caldarelli Farias
| 9.9k xp | 2 posts

Como solucionar o warning do DevTools que tenta localizar um arquivo .map para cada CSS? Acredito que essa dúvida não seja pertinente ao TypeScript, mas foi agora olhando pra console que eu vi isso.

As mensagens são as seguintes: DevTools failed to load SourceMap: Could not load content for file:///.../alurabank/app/css/bootstrap.css.map: System error: net::ERR_FILE_NOT_FOUND DevTools failed to load SourceMap: Could not load content for file:///.../alurabank/app/css/bootstrap-theme.css.map: System error: net::ERR_FILE_NOT_FOUND

2 respostas
por Matheus Henrique Castiglioni
| 5308.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Eduardo, tudo bem? Você precisa gerar os arquivos .map, no caso como trata-se do Bootstrap tu precisa incluir eles na mesma pasta onde encontra-se os arquivos .css normal que você está importando na página.

Espero ter ajudado.

por Renan Breno Vital
| 20.3k xp | 3 posts

Boa noite Eduardo, tudo joia?

Se você também tem "toque" e não aguenta ver essas mensagens no console rs, basta remover o trecho de código:

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

no final dos arquivos bootstrap-theme.css e bootstrap.css

Como não está sendo utlizado o Sass no projeto, consequentemente não existe o pré-processamento do CSS, meio que esse link para um arquivo .map se torna "inútil" nesse contexto.

Outro teste que você pode fazer é baixar o .zip do bootstrap e pegar o bootstrap.css.map e colocar na pasta css do projeto, com isso você eliminará um dos warnings. Confesso que não encontrei o bootstrap-theme.css.map (mas a lógica seria a mesma).

Abraço!