ESRI: Quellkarte konnte nicht analysiert werden

Ich erhalte diesen Fehler in der Google Chrome-Entwicklerkonsole.

Fehler beim Parsen von SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / theme / infragistics / infragistics.theme.css.map

Wie behebe ich das?

Chrome hat kürzlich Unterstützung für Quellkarten in den Entwicklertools hinzugefügt. Wenn Sie in der Chrome-Entwickler-Symbolleiste unter "Einstellungen" auf "Einstellungen" klicken, werden die folgenden zwei Optionen angezeigt:

Wenn Sie diese beiden Optionen deaktivieren und den Browser aktualisieren, sollte er nicht mehr nach Quellkarten fragen.

Diese Einstellungen finden Sie hier:

Die gewählte Antwort ist zwar eine gute Antwort, um den Fehler zu verbergen, lässt den Fehler jedoch nicht verschwinden, sondern kann nur im Inspektor nicht angezeigt werden. Die andere Möglichkeit wäre, die fehlende Kartendatei herunterzuladen und im Verzeichnis assets / lib abzulegen. So fehlte angular-route.min.js.mapmir beispielsweise die Datei und ich ging hier https://code.angularjs.org/1.5.3/ (zur richtigen Version von Angular) und lud die fehlende Datei herunter. Der Fehler verschwand nicht sofort, möglicherweise aufgrund von Caching, aber als ich zur eigentlichen Datei im Browser ging, funktionierte er. http://sitename.localhost/assets/lib/angular-route.min.js.map. Jetzt zeigt der Inspektor den Fehler auch bei aktivierten Quellkarten nicht mehr an.

Neben dem einfachen Deaktivieren von Quellkarten in Chrome habe ich ein wenig gegraben und festgestellt, dass die Verwendung von Web Essentials zum Erstellen der Quellkarten das Problem zu sein scheint.

Aus irgendeinem Grund kann ich mit einem externen Compiler (Koala) erfolgreich funktionierende Quellkarten in Chrome erstellen (keine Fehler). Wenn ich dagegen Web Essentials verwende, können die Quellzuordnungen nicht analysiert werden.

Hoffe das hilft jemandem.

Quellcode von CSS / JS haben wir normalerweise minimiert / komprimiert. Wenn wir nun diese minimierten Dateien debuggen möchten, müssen wir am Ende der minimierten Datei die folgende Zeile hinzufügen

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

Dies teilt dem Compiler mit, wo die Quelldatei tatsächlich zugeordnet ist.

Im Fall von JS ist es sinnvoll,
aber im Fall von CSS ist es tatsächlich das Debuggen von SCSS.

So entfernen Sie die Warnung: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.

Ich hatte das gleiche Problem, weil .htaccessfalsche Einstellungen hat:

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

Ich habe dies durch Ändern der Datei gelöst:

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

Dies kann manchmal durch von Ihnen installierte Chrome-Erweiterungen verursacht werden. Zum Beispiel AdBlock .

Leider war die beste Lösung, die ich finden konnte, die störende Erweiterung zu deaktivieren.

Als ich dieses Problem hatte, war die Ursache ein relativer Verweis auf Vorlagendateien bei Verwendung des Moduls ui.bootstrap.modal .

templateUrl: 'js/templates/modal.html'

Dies funktioniert von einer Stammdomäne ( www.example.com ) aus. Wenn jedoch ein Pfad hinzugefügt wird ( www.example.com/path/ ), wird die Referenz unterbrochen. Die Antwort in meinem Fall war einfach, die Referenz absolut zu machen ( js / -> / js / ).

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

Der Fehler in den Google DevTools wird durch Google-Erweiterungen verursacht.

1. Ich habe im Browser auf mein Google-Symbol geklickt
2. hat ein Gastprofil am unteren Rand des Popup-Fensters erstellt.
3. Ich habe dann meine localhost Adresse und voila eingefügt !!

Keine Fehler mehr in der Konsole.

Überprüfen Sie, ob Sie eine Chrome-Erweiterung verwenden (Nachtmodus oder etwas anderes). Deaktivieren Sie das und prüfen Sie, ob die Injektion weg ist.

Ich habe dieses Problem aufgrund der AdBlock-Erweiterung festgestellt. Ich habe die AdBlock-Erweiterung deaktiviert. Das Problem wurde behoben.