Estou recebendo esse erro no console do desenvolvedor do Google Chrome.
Falha ao analisar o SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
Como faço para corrigir isso?
Respostas:
O Chrome recentemente adicionou suporte para mapas de origem nas ferramentas do desenvolvedor. Se você seguir as configurações na barra de ferramentas do desenvolvedor do Chrome, poderá ver as duas opções a seguir:
Se você desabilitar essas duas opções e atualizar o navegador, ele não deverá mais solicitar mapas de origem.
Essas configurações podem ser encontradas aqui:
Embora a resposta escolhida seja uma boa resposta para ocultar o erro, ela não desaparece, mas você não pode vê-lo no inspetor. A outra maneira seria fazer o download do arquivo de mapa ausente e colocá-lo no diretório assets / lib. Por exemplo, estava faltando um angular-route.min.js.maparquivo e fui aqui https://code.angularjs.org/1.5.3/ (para a versão correta do angular) e baixei o arquivo ausente. O erro não desapareceu imediatamente, possivelmente por causa do armazenamento em cache, mas depois que fui ao arquivo real no navegador, ele funcionou. http://sitename.localhost/assets/lib/angular-route.min.js.map. Agora, o inspetor não exibe mais o erro, mesmo com os mapas de origem ativados.
Failed to parse SourceMapno console do Chrome. Quando mudei para o Backendless.js não compactado (sem o .min), não recebi o erro. Acho que talvez os mapas de origem não façam sentido ao usar javascript minificado? Acho que poderia tentar configurar meu ambiente de desenvolvimento local para usar mapas de origem JS + não compactados e ter apenas o ambiente de produção usando JS compactado.
Além de simplesmente desativar os Mapas de origem no Chrome - fiz algumas pesquisas e descobri que usar o Web Essentials para criar os mapas de origem parece ser o problema.
Por qualquer motivo, se eu usar um compilador externo (Koala), posso criar com êxito mapas de origem no Chrome (sem erros). Considerando que, se eu usar o Web Essentials, os mapas de origem não serão analisados.
Espero que isso ajude alguém.
O código fonte do CSS / JS geralmente é compactado / compactado. Agora, se queremos depurar esses arquivos compactados, precisamos adicionar a seguinte linha no final do arquivo compactado
/*# sourceMappingURL=bootstrap.min.css.map */Isso informa ao compilador onde o arquivo de origem é realmente mapeado.
No caso do JS, faz sentido,
mas no CSS , é realmente a depuração do SCSS.
Para remover o aviso: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.
Eu tive o mesmo problema porque .htaccesstem configurações incorretas:
RewriteEngine on
RewriteRule!. (Js | gif | jpg | png | css) $ index.php
Eu resolvi isso modificando o arquivo:
RewriteEngine on
RewriteRule!. (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | mapa ) $ index.php
Às vezes, isso pode ser causado pelas extensões do Chrome que você instalou. Por exemplo, AdBlock .
Infelizmente, a melhor solução que encontrei foi desativar a extensão incorreta.
Quando tive esse problema, a causa era uma referência relativa aos arquivos de modelo ao usar o módulo ui.bootstrap.modal .
templateUrl: 'js/templates/modal.html'
Isso funciona a partir de um domínio raiz ( www.example.com ), mas quando um caminho é adicionado ( www.example.com/path/ ), a referência é interrompida. A resposta no meu caso foi simplesmente tornar a referência absoluta ( js / -> / js / ).
templateUrl: '/js/templates/modal.html'
O erro no Google DevTools é causado por extensões do Google.
Não há mais erros no console.
Verifique se você está usando alguma extensão do Chrome (modo noturno ou outra coisa). Desative isso e veja se o 'injetor' desapareceu.
Percebi esse problema por causa da extensão do AdBlock, desativei a extensão do AdBlock e o problema foi resolvido.