ESRI: falha ao analisar o mapa de origem

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?

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.

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.

1. Eu cliquei no meu ícone do Google no navegador
2. criou um perfil de convidado na parte inferior da janela pop-up.
3. Eu colei então meu endereço localhost e voila !!

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.