angular.min.js.map no encontrado, ¿qué es exactamente?

322

Cuando cargo la página y compruebo la consola de Chrome, encuentro estos errores: ingrese la descripción de la imagen aquí

¿Qué son exactamente los archivos de mapa en angular?

Hice referencia al angular.min.js pero no al angular.min.js.map. Por cierto, estoy usando la versión angular 1.2 rc y comencé a ver estos errores cuando cambié a esta versión.

ERRORS:
GET http://localhost:44786/Scripts/angular-route.min.js.map 404 (Not Found)       :44786/Scripts/angular-route.min.js.map:1
GET http://localhost:44786/Scripts/angular-animate.min.js.map 404 (Not Found) :44786/Scripts/angular-animate.min.js.map:1
GET http://localhost:44786/Scripts/angular-resource.min.js.map 404 (Not Found) :44786/Scripts/angular-resource.min.js.map:1
GET http://localhost:44786/Scripts/angular.min.js.map 404 (Not Found) :44786/Scripts/angular.min.js.map:1

angularjs

— raberana
fuente

No puedo leer tu imagen, pero encontré esto: html5rocks.com/en/tutorials/developertools/sourcemaps

— ninMonkey

ah ... así que parece que este no es un evento exclusivo angular ... déjenme leerlo primero ... muchas gracias

— raberana

eh el mono, se puede responder a la pregunta .. tienes razón ..

— raberana

posible duplicado de sourceMappingURL de jquery genera un error 404 en apache

— Salvador Dali

Respuestas:

385

Como dijeron eaon21 y monkey, los archivos de mapa fuente básicamente convierten el código minificado en su versión no minificada para la depuración.

Puede encontrar los archivos .map aquí . Simplemente agréguelos al mismo directorio que los archivos js minificados y dejará de quejarse. La razón por la que son buscados es la

/*
//@ sourceMappingURL=angular.min.js.map
*/

al final de angular.min.js. Si no desea agregar los archivos .map, puede eliminar esas líneas y detendrá el intento de recuperación, pero si planea depurar siempre es bueno mantener vinculados los mapas de origen.

— Jussi Kosunen
fuente

No es necesario eliminar las líneas, ya que los archivos .map solo se obtienen con Developer Console abierta :)

— NicoJuicy

Es cierto, pero la pregunta original era específicamente sobre los errores que aparecen en las herramientas de desarrollo. Además, nunca es malo reducir 404 innecesarios en los registros de su servidor.

— Jussi Kosunen

Según yo, no se trata de los registros del servidor, sino de los errores de Chrome que recibe. Tengo que admitir que generará registros del servidor y su comentario es válido;)

— NicoJuicy

Si tiene varios archivos, como bootstrap.css, angular-messages.min.js, angular-route.min.js, etc., incluso esos archivos los contendrán sourceMappingURLal final de cada uno de esos archivos. Eliminar esa línea en cada uno de esos archivos eliminará los molestos mensajes de error en la consola del desarrollador.

— Devner

En el navegador Safari, estos problemas de carcasa de error JS: [Error] Error al cargar el recurso: el servidor respondió con un estado de 404 (No encontrado) (angular.min.js.map, línea 0). Gracias por proporcionar los enlaces a los archivos.

— Sinto

105

Monkey tiene razón, de acuerdo con el enlace dado por monkey

Básicamente es una forma de asignar un archivo combinado / minificado a un estado sin construir. Cuando construye para la producción, junto con la minificación y combinación de sus archivos JavaScript, genera un mapa fuente que contiene información sobre sus archivos originales. Cuando consulta un cierto número de línea y columna en su JavaScript generado, puede hacer una búsqueda en el mapa fuente que devuelve la ubicación original.

No estoy seguro de si es culpa de angular que no se generaron archivos de mapas. Pero puede desactivar los archivos de mapa de origen desmarcando esta opción en la configuración de la consola de Chrome

ingrese la descripción de la imagen aquí

— raberana
fuente

+1 para la configuración de la consola cromada; mucho mejor que editar la fuente o tener que descargar los archivos del mapa cuando no sea necesario.

— Jeremy Ferguson

+1 para esto más de un año después. Bravo. ¡Qué misterio fue ese escenario!

— bob.mazzo

En Chrome, abra el cuadro de diálogo de configuración: Presione F12 para abrir Developer Tools> Haga clic en el botón Configuración en la esquina superior derecha deDeveloper Tools

— Tho

¿Hay una configuración similar para safari?

— user1872384