DevTools | TypeScript parte 1: evoluindo seu JavaScript | Alura

2
respostas

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

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

19/04/2021

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

28/04/2021

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!