Bootstrap tentando carregar o arquivo de mapa. Como desativá-lo? Eu preciso fazer isso?

127

Recentemente, estou jogando com bootsrap3. Compilei-o a partir de fontes e incluí distr js e css no meu projeto. A coisa é, vejo nas ferramentas de desenvolvimento do GH, que ele está tentando obter o arquivo .map.css. Por que ele quer fazer isso? Como desativá-lo? Preciso desativá-lo? Para não ter uma marca de erro nas ferramentas de desenvolvimento, adicionei esse arquivo de mapa, após o qual todos os estilos são exibidos como definidos em menos arquivos, o que não me ajuda muito.

twitter-bootstrap twitter-bootstrap-3

— dhblah
fonte

4

Alguma das respostas abaixo responde a sua pergunta? Caso contrário, você pode atualizar sua pergunta para que possamos melhorar nossas respostas?

— Dominic Zukiewicz

Possível duplicata do que são os arquivos .map usados no Bootstrap 3.1?

— Oliver-clare

162

Exclua a linha /*# sourceMappingURL=bootstrap.css.map */debootstrap.css

— user2779632
fonte

37

Explique sua resposta em breve para torná-la mais útil para OP e outros leitores.

— Mohit Jain

9

Isso funciona, mas se o bootstrap for referenciado diretamente a partir de node_modules, quando o bootstrap for reinstalado, isso será substituído novamente

— Alexander

2

Uau! Absolutamente louco ... isso só funciona se você "excluir" a linha (como você disse) ... comentar ainda produziu 404 erros! Ainda bem que me deparei com o seu post!

— Flipflopmedia

117

Os arquivos .map permitem que um navegador faça o download de uma versão completa do JS minificado. É realmente para fins de depuração.

Com efeito, o .map ausente não é um problema. Você só sabe que está faltando, pois o navegador teve suas ferramentas de desenvolvedor abertas, detectou um arquivo minificado e está apenas informando que a depuração do JS não será tão boa quanto poderia ser.

É por isso que bibliotecas como o jQuery também têm o arquivo completo, o minificado e o mapa.

Consulte este artigo para obter uma explicação completa dos arquivos .map :

— Dominic Zukiewicz
fonte

1

Faz o download deles? De onde? Eu assumi que esses arquivos .less são empacotados de alguma forma dentro do arquivo de mapa. E no carregamento da página, o bootrap recria esses arquivos a partir de um pacote.

— dhblah

1

Do mesmo diretório, ele obtém o .js. Lembre-se disso somente quando as ferramentas do desenvolvedor estiverem abertas, não como uma solicitação normal.

— Dominic Zukiewicz

Obrigado pela sua resposta, mas não tenho .lessarquivos no meu projeto. Eu apenas adicionei .csse .jsarquivos e esse maparquivo.

— dhblah

1

@ Raymond: As ferramentas do desenvolvedor não entendem os nomes dos arquivos como .min.css - afinal - podemos garantir que ele está minificado? Não. Ele fará o download do .map apenas para garantir que as duas cópias estejam disponíveis. Novamente, isso está sendo ativado com as ferramentas do desenvolvedor. Se você fechar a janela de ferramentas, ela não será solicitada.

— Dominic Zukiewicz

3

Para reiterar, o arquivo .map é solicitado apenas e usado apenas quando as ferramentas de desenvolvimento estão abertas; portanto, se estiver ausente, você não receberá solicitações adicionais com falha quando um usuário típico acessa sua página.

— tomf

27

Remova a linha /*# sourceMappingURL=bootstrap.css.map */embootstrap.css

Se o erro persistir, limpe o cache do navegador (CTRL + F5).

— Nicolás Jofré
fonte

1

Mesma resposta dois anos depois?

— Panu Haaramo

17

Isso só acontece quando você usa as ferramentas de desenvolvimento e não acontece com usuários normais que acessam o servidor de produção.

De qualquer forma, achei útil desabilitar esse comportamento nas ferramentas de desenvolvimento : abra as configurações e desmarque a opção "Habilitar mapas de origem".

Não haverá mais uma tentativa de acessar arquivos de mapa.

— Shovalt
fonte

Eu acho que essas podem ser as respostas mais relevantes. Outros são relevantes apenas se os arquivos mencionados forem fornecidos com o aplicativo - o que não acontece o tempo todo.

— Lukino

16

Exclua a linha "/*# sourceMappingURL=bootstrap.min.css.map */ "nos seguintes arquivos.

css / bootstrap.min.css
css / bootstrap.css

Para buscar o caminho do arquivo no Linux, use o comando find / -name "\*bootstrap\*"

— Avinash Kancharla
fonte

Arquivos de mapa de origem, como bootstrap.min.css.map, são gerados automaticamente durante o processo de minificação / compilação de arquivos. Na verdade, eles não são necessários para a produção, mas ao mesmo tempo ocupam três vezes mais espaço em disco do que os que estão mapeando. É por isso que não os incluímos no lançamento. Se você quiser apenas remover essa mensagem, poderá remover comentários como / * # sourceMappingURL = bootstrap.min.css.map * / em bootstrap.min.css, bootstrap.min.js e popper.min.js ou fazer o download da fonte mapeie os arquivos de uma versão do Bootstrap 4.1.3 e os coloque dentro do diretório libs.

— Ajay Takur

6

Se você não possui o arquivo .map correto e não deseja editar linhas no bootstrap.css, pode criar um arquivo .map fictício.

No meu caso, eu estava vendo o erro:

GET /bootstrap.css.map not found.

Então, criei um bootstrap.css.map vazio no diretório / public e o erro foi interrompido.

— Julian Mann
fonte

1

Não funciona bowerou algo parecido, porque no modo de produção instalará o bootstrap a partir da fonte. O mesmo para qualquer resposta que diz para remover a linha /*# sourceMappingURL=bootstrap.css.map */.

— monteirobrena 22/09

4

Exclua / * # sourceMappingURL = bootstrap.min.css.map * / em css / bootstrap.min.css

e exclua / * # sourceMappingURL = bootstrap.css.map * / em css / bootstrap.css

— Sergio Perez
fonte

1

No bootstrap.css, remova remove last line / * # sourceMappingURL = bootstrap-theme.css.map * /

— Saineshwar
fonte

1

Também tive avisos no Google Dev-Tools e adicionei apenas o arquivo bootstrap.min.css.map na mesma pasta, onde está o bootstrap.min.css.

Agora não tenho mais avisos e você pode encontrar mais explicações aqui: https://github.com/twbs/bootstrap#whats-included

Espero ter respondido sua pergunta.

— SVANSKI
fonte

1

Para mim, criei um bootstrap.css.map vazio junto com o bootstrap.css e o erro foi interrompido.

— fw0213
fonte

1

A exclusão desta linha corrige, mas o problema é que os arquivos boostrap estão em bower_components e não são verificados no controle de origem.

Portanto, todos os desenvolvedores da equipe receberão o arquivo css com a referência do mapa quando executam o repositório e fazem bower install(o que faz parte do uso de um novo repositório).

O arquivo não deve ter a referência a um mapa que não está lá.

— Steve
fonte

1

Ok Recentemente eu enfrentei este problema eu tenho a solução muito simples para resolver este problema, siga estes passos: Vá para esses diretórios src-> app-> index.html abrir o index.html e encontrar <base href="your app name ">mudar isso para<base href="https://stackoverflow.com/">

— Sachin de Pune
fonte

0

Exclua a última linha no bootstrap.css

seguindo lin / * # sourceMappingURL = bootstrap.css.map * /

— user1498608
fonte

tente explicar problema e como sua resposta fica solução, a sua boa prática que permite novo usuário para saber o que tinha acontecido

— Pankaj Nimgade