ESRI: Quellkarte konnte nicht analysiert werden

Antworten:

307

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:

Quellkarten für Chrome Developer Tools

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

Diese Einstellungen finden Sie hier:

Quellkarten für Chrome Developer Tools

Sterope
quelle
94
Was für ein dummes "Feature". Es sollte nur Quellkarten laden, wenn sie verfügbar sind.
Probleme von
8
Zwei Abschnitte von diesem Screenshot unter Darstellung ist die Option Thema. Ich habe das dunkle Thema gewählt.
Steropes
81
Ich denke nicht, dass dies die Antwort ist. Das Ausblenden eines Fehlers bedeutet eigentlich nicht, ihn zu beheben. Sie müssen zunächst herausfinden, warum eine Datei auf eine nicht vorhandene Quellzuordnungsdatei verweist, und dann versuchen, dies zu beheben.
Demisx
4
Nur ein Wort der Vorsicht - wenn Sie diese Einstellungen deaktivieren, beachten Sie, dass auf Ihrer Registerkarte "Netzwerk" KEINE Verkehrsaktivität
angezeigt wird, es
3
Ich habe eine Weile gebraucht, um herauszufinden, wo diese Einstellungen waren. Hier ist ein Screenshot, der zeigt, wo sie sich befinden: i.stack.imgur.com/JQcnN.png . Vielleicht sollten Sie das zu Ihrer Antwort hinzufügen, damit die Leute die Einstellungen leichter finden können.
Donald Duck
34

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.

Chemiker
quelle
4
Während Quellkarten sich hervorragend für die Arbeit mit minimierten Javascript-Dateien eignen, wird diese Fehlermeldung angezeigt und verhindert das normale Debuggen, selbst wenn Sie keine Quellkarten benötigen / verwenden möchten. Sie haben Recht, dass das Hinzufügen einer Quellzuordnung das Problem beheben würde. Wenn Sie diese jedoch nicht haben, sollten Sie diese Option deaktivieren, um ein normales Debuggen zu ermöglichen.
Steropes
1
Dies war hilfreich für mich, da ich versucht habe, Backendless.min.js einzurichten und dies Failed to parse SourceMapin der Chrome-Konsole zu sehen. Als ich zur Verwendung der unkomprimierten Datei Backendless.js (ohne .min) wechselte, wurde der Fehler nicht angezeigt . Ich denke, vielleicht machen Quellkarten keinen Sinn, wenn sie minimiertes Javascript verwenden? Ich denke, ich könnte versuchen, meine lokale Entwicklungsumgebung so einzurichten, dass unkomprimierte JS + -Quellzuordnungen verwendet werden und nur die Produktionsumgebung komprimiertes JS verwendet.
Ryan
16

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.

Vicky
quelle
3
Haben Sie ein Wort vom Web Essentials-Team dazu gefunden? Ich denke, wir haben das gleiche Problem.
Dies ist der
2
Leider kann ich nichts darüber finden - ich bin gerade dabei, mich zu erkundigen!
Vicky
1
Ein Web Essentials-bezogenes Update
Quentin S.
14

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 ,.

Wasim A.
quelle
8

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

Artem Solovev
quelle
Was ist das? Apache? Ist es ein Webserver oder nur ein Plugin?
Vasilii Suricov
4

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.

Vael Victus
quelle
Das war sehr hilfreich. Vielen Dank, das Problem war in der Tat von Adblock Plus.
Taranis
3

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'

Robstarbuck
quelle
Bitte überprüfen Sie diese URL, es wird nützlich sein, um Ihre Inhaltsqualität zu verbessern
Willie Cheng
11
Danke Willie, ich habe die Richtlinien gelesen. Hatten Sie das Gefühl, dass mit meiner Antwort etwas nicht stimmt?
Robstarbuck
2

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.

Roland Brenevil Jr.
quelle
0

Ü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.

BolonhaDev
quelle
0

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

Rakshith R Salian
quelle