jQuery's jquery-1.10.2.min.map löst einen 404 (Not Found) aus

Wenn Chrome DevTools meldet eine 404 für eine .map-Datei (vielleicht jquery-1.10.2.min.map, jquery.min.map oder jquery-2.0.3.min.map, aber kann mit allem passieren) erste Sache zu wissen, ist dies nur angefordert, wenn Sie die DevTools. Ihre Benutzer werden diese 404 nicht erreichen.

Sie können dies nun beheben oder die Source-Map-Funktionalität deaktivieren.

Fix: die Dateien holen

Der nächste Schritt ist einfach zu beheben. Gehen Sie auf http://jquery.com/download/ und klicken Sie auf den Link Download the map file für Ihre Version, und Sie wollen auch die unkomprimierte Datei herunterladen.

Mit der Map-Datei können Sie Ihr minifiziertes jQuery über die Originalquellen debuggen, was Ihnen viel Zeit und Frustration erspart, wenn Sie nicht gerne mit Variablennamen wie "a" und "c" umgehen.

Mehr über Sourcemaps hier: Eine Einführung in JavaScript Source Maps

Dodge: Sourcemaps abschalten

Anstatt die Dateien zu holen, können Sie JavaScript-Source-Maps in Ihren Einstellungen auch erst einmal komplett deaktivieren. Dies ist eine gute Wahl, wenn Sie nie vorhaben, JavaScript auf dieser Seite zu debuggen. Benutzen Sie das Zahnradsymbol unten rechts in den DevTools, um die Einstellungen zu öffnen, und dann:

Sie können die 404 entfernen, indem Sie die Zeile

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

aus dem oberen Teil Ihrer jQuery-Datei entfernen.

Der obere Teil der jQuery-Datei wird wie folgt aussehen.

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

Ändern Sie das einfach in

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

Zweck einer Quellenkarte

Im Grunde ist es eine Möglichkeit, eine kombinierte/minifizierte Datei auf einen nicht gebauten Zustand zurück zu mappen. Wenn Sie für die Produktion bauen, generieren Sie zusammen mit dem Minifizieren und Kombinieren Ihrer JavaScript-Dateien eine Source-Map, die Informationen über Ihre Originaldateien enthält. Wenn Sie eine bestimmte Zeilen- und Spaltennummer in Ihrem generierten JavaScript abfragen, können Sie in der Source Map nachsehen, wo sich die Originaldatei befindet. Entwickler-Tools (derzeit WebKit nightly builds, Google Chrome oder Firefox 23+) können die Source-Map automatisch analysieren und es so aussehen lassen, als würden Sie ungeminderte und nicht kombinierte Dateien ausführen. (Lesen Sie mehr dazu hier)

So wie ich den Browser, zumindest Chrome, verstehe, deaktiviert er die Quellenzuordnung nicht standardmäßig. Das bedeutet, dass die Benutzer Ihrer Anwendung diese Quellzuordnungsanforderung standardmäßig auslösen werden.

Sie können die Quellenzuordnung entfernen, indem Sie das //@ sourceMappingURL=jquery.min.map aus Ihrer JavaScript-Datei löschen.