ESRI: no se pudo analizar el mapa fuente

Recibo este error en la consola del desarrollador de Google Chrome.

Error al analizar SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map

¿Cómo lo soluciono?

Chrome agregó recientemente soporte para mapas fuente en las herramientas de desarrollador. Si va a la configuración en la barra de herramientas del desarrollador de Chrome, puede ver las siguientes dos opciones:

Si deshabilita esas dos opciones y actualiza el navegador, ya no debería solicitar mapas de origen.

Estas configuraciones se pueden encontrar aquí:

Si bien la respuesta elegida es una buena respuesta para ocultar el error, no hace que el error desaparezca, es solo que no se puede ver en el inspector. La otra forma sería descargar el archivo de mapa que falta y ponerlo en el directorio assets / lib. Entonces, por ejemplo, me faltaba el angular-route.min.js.maparchivo y fui aquí https://code.angularjs.org/1.5.3/ (a la versión correcta de angular) y descargué el archivo que faltaba. El error no desapareció de inmediato, posiblemente debido al almacenamiento en caché, pero una vez que fui al archivo real en el navegador funcionó. http://sitename.localhost/assets/lib/angular-route.min.js.map. Ahora el inspector ya no muestra el error incluso con los mapas de origen habilitados.

Además de simplemente desactivar los mapas de origen en Chrome, he cavado un poco y descubrí que usar Web Essentials para crear los mapas de origen parece ser el problema.

Por alguna razón, si uso un compilador externo (Koala), puedo crear correctamente mapas fuente de trabajo en Chrome (sin errores). Mientras que si uso Web Essentials, los mapas de origen no se pueden analizar.

Espero que esto ayude a alguien.

Código fuente de CSS / JS que usualmente minimizamos / comprimimos. Ahora, si queremos depurar esos archivos minificados, entonces tenemos que agregar la siguiente línea al final del archivo minificado

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

Esto le dice al compilador dónde está realmente asignado el archivo fuente.

En el caso de JS tiene sentido,
pero en el caso de CSS , en realidad es la depuración de SCSS.

Para eliminar la advertencia: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.

Tuve el mismo problema porque .htaccess tiene una configuración incorrecta:

RewriteEngine en
RewriteRule!. (Js | gif | jpg | png | css) $ index.php

Resolví esto modificando el archivo:

RewriteEngine en
RewriteRule!. (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | map ) $ index.php

En ocasiones, esto puede deberse a las extensiones de Chrome que instaló. Por ejemplo, AdBlock .

Desafortunadamente, la mejor solución que pude encontrar fue desactivar la extensión ofensiva.

Cuando tuve este problema, la causa era una referencia relativa a los archivos de plantilla al usar el módulo ui.bootstrap.modal .

templateUrl: 'js/templates/modal.html'

Esto funciona desde un dominio raíz ( www.example.com ) pero cuando se agrega una ruta ( www.example.com/path/ ) la referencia se rompe. La respuesta en mi caso fue simplemente hacer que la referencia sea absoluta ( js / -> / js / ).

templateUrl: '/js/templates/modal.html'

El error en Google DevTools se debe a las extensiones de Google.

1. Hice clic en mi icono de Google en el navegador
2. creó un perfil de invitado en la parte inferior de la ventana emergente.
3. Luego pegué mi dirección localhost y listo!

No más errores en la consola.

Comprueba si estás usando alguna extensión de Chrome (modo nocturno u otra cosa). Desactive eso y vea si la 'inyección' se ha ido.

Noté ese problema debido a la extensión AdBlock, apagué la extensión AdBlock, el problema se resolvió.