ESRI: échec de l'analyse de la carte source


Réponses:


307

Chrome a récemment ajouté la prise en charge des cartes sources dans les outils de développement. Si vous allez dans les paramètres de la barre d'outils du développeur Chrome, vous pouvez voir les deux options suivantes:

Cartes sources des outils de développement Chrome

Si vous désactivez ces deux options et actualisez le navigateur, il ne devrait plus demander de cartes sources.

Ces paramètres peuvent être trouvés ici:

Cartes sources des outils de développement Chrome


94
quelle "fonctionnalité" stupide. Il ne devrait charger que les sourcemaps lorsqu'ils sont disponibles.
ProblemsOfSumit

8
Deux sections de cette capture d'écran sous Apparence sont l'option Thème. J'ai choisi le thème Dark.
Steropes

81
Je ne pense pas que ce soit la réponse. Cacher une erreur, ce n'est pas vraiment la «réparer». Vous devez d'abord comprendre pourquoi vous avez un fichier référençant un fichier de carte source inexistant, puis essayer de résoudre ce problème.
demisx

4
Juste un mot d'avertissement - si vous désactivez ces paramètres, sachez que l'onglet de votre réseau n'affichera aucune activité de trafic à moins que vous n'appuyiez sur F5 (sur l'onglet n / w)
James Poulose

3
Il m'a fallu un certain temps pour trouver où se trouvaient ces paramètres. Voici une capture d'écran montrant où ils se trouvent: i.stack.imgur.com/JQcnN.png . Vous devriez peut-être ajouter cela à votre réponse afin que les gens puissent plus facilement trouver les paramètres.
Donald Duck le

34

Bien que la réponse choisie soit une bonne réponse pour masquer l'erreur, elle ne la fait pas disparaître, c'est juste que vous ne pouvez pas la voir dans l'inspecteur. L'autre façon serait de télécharger le fichier de carte manquant et de le placer dans le répertoire assets / lib. Ainsi, par exemple, il me manquait un angular-route.min.js.mapfichier et je suis allé ici https://code.angularjs.org/1.5.3/ (vers la version correcte d'angular) et j'ai téléchargé le fichier manquant. L'erreur n'a pas disparu tout de suite, probablement à cause de la mise en cache, mais une fois que je suis allé au fichier réel dans le navigateur, cela a fonctionné. http://sitename.localhost/assets/lib/angular-route.min.js.map. Désormais, l'inspecteur n'affiche plus l'erreur même avec les cartes source activées.


4
Bien que les cartes sources soient idéales pour travailler avec des fichiers javascript minifiés, ce message d'erreur apparaît et empêche le débogage normal même lorsque vous n'avez pas besoin / ne souhaitez pas utiliser les cartes sources. Vous avez raison, l'ajout d'une carte source résoudrait le problème, mais si vous ne les avez pas, vous voudrez désactiver cette option pour permettre le débogage normal.
Steropes

1
Cela m'a été utile car j'essayais de configurer Backendless.min.js et je voyais Failed to parse SourceMapdans la console Chrome. Lorsque je suis passé à l'utilisation du Backendless.js non compressé (sans le .min), je n'ai pas eu l'erreur. Je suppose que les cartes sources n'ont pas de sens lors de l'utilisation de javascript minifié? Je suppose que je pourrais essayer de configurer mon environnement de développement local pour utiliser des cartes sources JS + non compressées et que seul l'environnement de production utilise JS compressé.
Ryan le

16

En plus de simplement désactiver les cartes sources dans Chrome, j'ai fait quelques recherches et j'ai constaté que l'utilisation de Web Essentials pour créer les cartes sources semble être le problème.

Pour une raison quelconque, si j'utilise un compilateur externe (Koala), je peux créer avec succès des cartes source de travail dans Chrome (sans erreur). Alors que si j'utilise Web Essentials, les cartes sources ne parviennent pas à être analysées.

J'espère que cela aide quelqu'un.


3
Avez-vous trouvé un mot de l'équipe Web Essentials à ce sujet? Je pense que nous avons le même problème.
jtheis

2
Malheureusement, je ne trouve rien à ce sujet - je suis en train d'enquêter!
Vicky

1
Un correctif lié à Web Essentials peut être trouvé ici: Google Chrome «Échec de l'analyse de SourceMap»: css.map (Web Essential)
Quentin S.

14

Code source de CSS / JS que nous avons généralement minifié / compressé. Maintenant, si nous voulons déboguer ces fichiers minifiés, nous devons ajouter la ligne suivante à la fin du fichier minifié

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

Cela indique au compilateur où le fichier source est réellement mappé.

Dans le cas de JS, cela a du sens
mais dans le cas de CSS , c'est en fait le débogage de SCSS.

Pour supprimer l'avertissement: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.


8

J'ai eu le même problème car les .htaccessparamètres sont incorrects:

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


J'ai résolu cela en modifiant le fichier:

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


Qu'est-ce que c'est? Apache? Est-ce un serveur Web ou juste un plugin?
Vasilii Suricov le

4

Cela peut parfois être dû aux extensions Chrome que vous avez installées. Par exemple, AdBlock .

Malheureusement, la meilleure solution que j'ai pu trouver était de désactiver l'extension incriminée.


Cela a été très utile. Merci, le problème venait bien d'Adblock Plus.
Taranis

3

Lorsque j'ai eu ce problème, la cause était une référence relative aux fichiers de modèle lors de l'utilisation du module ui.bootstrap.modal .

templateUrl: 'js/templates/modal.html'

Cela fonctionne à partir d'un domaine racine ( www.example.com ) mais lorsqu'un chemin est ajouté ( www.example.com/path/ ), la référence est interrompue. La réponse dans mon cas était simplement de rendre la référence absolue ( js / -> / js / ).

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


S'il vous plaît vérifier cette URL, il sera utile d'améliorer la qualité de votre contenu
Willie Cheng

11
Merci willie, j'ai lu les directives. Avez-vous senti qu'il y avait un problème avec ma réponse?
robstarbuck

2

L'erreur dans Google DevTools est causée par des extensions Google.

  1. J'ai cliqué sur mon icône Google dans le navigateur
  2. a créé un profil d'invité au bas de la fenêtre contextuelle.
  3. J'ai ensuite collé mon adresse d'hôte local et le tour est joué !!

Plus d'erreurs dans la console.


0

Vérifiez si vous utilisez une extension Chrome (mode nuit ou autre). Désactivez cela et voyez si le 'inject' a disparu.


0

J'ai remarqué ce problème à cause de l'extension AdBlock, j'ai désactivé l'extension AdBlock, le problème a été résolu.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.