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

Respostas:

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