Fichier Javascript ".map" manquant pour Underscore.js lors du chargement d'une page Web ASP.NET

Question

J'ai une page Web qui fait partie d'un site Web ASP.NET fonctionnant sur Azure. Elle fonctionne bien depuis un certain temps déjà. Soudain, j'ai un problème avec le navigateur qui essaie de télécharger un fichier ".map" pour Underscore.js. J'ai lu un peu et apparemment, JQuery crée des fichiers ".map" comme aide au débogage pour les fichiers sources Javascript (".js"). Cependant, si je regarde le répertoire Scripts de mon site Web, je constate que cela ne se produit que pour certains fichiers source JQuery et pas tous, et je ne suis pas sûr de savoir quel est le modèle.

Cependant, pourquoi le navigateur essaierait-il de charger un fichier "map" pour Underscore.js qui ne fait pas partie de JQuery ? En outre, pourquoi ce phénomène s'est-il produit soudainement ? J'ai ajouté Underscore.js à la page Web il y a un certain temps et je n'ai jamais eu ce problème auparavant.

L'erreur exacte que j'obtiens lorsque je regarde dans l'onglet Console du débogueur de Chrome est la suivante :

GET http://myazureapp.cloudapp.net/Scripts/underscore-min.map 404 (Non trouvé) Scripts/underscore-min.map:1

Answer 1

Ce que vous rencontrez est un mappage de source ( http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ ). Cela vous permet de déboguer avec un code lisible dans les outils de développement de votre navigateur lorsque vous travaillez avec des fichiers JS réduits.

La version miniaturisée de Underscore a cette ligne à la fin du fichier :

//# sourceMappingURL=underscore-min.map

Les outils de développement de Chrome tenteront de télécharger underscore-min.map lorsqu'ils rencontreront cette ligne. Les utilisateurs ne verront pas cette erreur, sauf s'ils ouvrent les outils de développement.

Si vous voulez vous débarrasser de cette erreur, ajoutez soit underscore-min.map à votre projet ( https://github.com/jashkenas/underscore/blob/master/underscore-min.map ) ou supprimez cette ligne de underscore.min.js