jQuery's jquery-1.10.2.min.map está provocando un 404 (no encontrado)

Veo mensajes de error sobre un archivo, min.map, que no se encuentra:

GET jQuery's jquery-1.10.2.min.map está provocando un 404 (Not Found)


Screenshot

introduzca aquí la descripción de la imagen

¿De dónde viene esto?

Solución

Si Chrome DevTools está reportando un 404 para un archivo .map (tal vez jquery-1.10.2.min.map, jquery.min.map o jquery-2.0.3.min.map, pero puede suceder con cualquier cosa) lo primero que hay que saber es que esto sólo se solicita cuando se utiliza el DevTools. **Tus usuarios no encontrarán este 404.

Ahora puedes arreglar esto o desactivar la funcionalidad de sourcemap.

Fix: obtener los archivos

A continuación, es un arreglo fácil. Dirígete a http://jquery.com/download/ y haz clic en el enlace Download the map file para tu versión, y querrás descargar también el archivo descomprimido.

introduce la descripción de la imagen aquí

Tener el archivo de mapa en su lugar te permite depurar tu jQuery minificado a través de las fuentes originales, lo que te ahorrará mucho tiempo y frustración si no te gusta lidiar con nombres de variables como a y c.

Más información sobre los mapas de fuentes aquí: Una introducción a los mapas de fuentes de JavaScript

Dodge: desactivar los mapas de fuentes

En lugar de obtener los archivos, puede deshabilitar completamente los mapas de fuentes de JavaScript por ahora, en su configuración. Esta es una buena opción si nunca planeas depurar JavaScript en esta página. Utilice el icono de engranaje en la parte inferior derecha de las DevTools, para abrir la configuración, y luego:

Comentarios (11)

Puede eliminar el 404 eliminando la línea

//@ sourceMappingURL=jquery-1.10.2.min.map

de la parte superior de su archivo jQuery.

La parte superior del archivo jQuery tendrá este aspecto.

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/

Sólo tienes que cambiar eso por

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

Propósito de un mapa de origen

Básicamente es una forma de mapear un archivo combinado/minificado de vuelta a un estado no construido. Cuando construyes para producción, junto con la minificación y combinación de tus archivos JavaScript, generas un mapa de fuentes que contiene información sobre tus archivos originales. Cuando se consulta un determinado número de línea y columna en el JavaScript generado, se puede hacer una búsqueda en el mapa de fuentes que devuelve la ubicación original. Las herramientas para desarrolladores (actualmente las versiones nocturnas de WebKit, Google Chrome o Firefox 23+) pueden analizar el mapa de fuentes automáticamente y hacer que parezca que se están ejecutando archivos sin minificar y sin combinar. (Lea más sobre esto aquí)

Comentarios (6)

Según tengo entendido el navegador, Chrome al menos, no desactiva el mapeo de fuentes por defecto. Eso significa que los usuarios de tu aplicación activarán esta solicitud de mapeo de fuentes por defecto.

Puedes eliminar el mapeo de fuentes borrando el //@ sourceMappingURL=jquery.min.map de tu archivo JavaScript.

Comentarios (0)