Je reçois cette erreur dans la console des développeurs Google Chrome.
Échec de l'analyse de SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
Comment je le répare?
Je reçois cette erreur dans la console des développeurs Google Chrome.
Échec de l'analyse de SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
Comment je le répare?
Réponses:
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:
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:
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.map
fichier 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.
Failed to parse SourceMap
dans 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é.
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.
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
,.
J'ai eu le même problème car les .htaccess
paramè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
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.
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'
L'erreur dans Google DevTools est causée par des extensions Google.
Plus d'erreurs dans la console.
Vérifiez si vous utilisez une extension Chrome (mode nuit ou autre). Désactivez cela et voyez si le 'inject' a disparu.
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.