web-dev-qa-db-de.com

Bootstrap versucht, die Kartendatei zu laden. Wie kann ich es deaktivieren? Muss ich das machen?

Ich spiele kürzlich mit bootsrap3. Ich habe es aus Quellen zusammengestellt und Distr Js und CSS in mein Projekt aufgenommen. Die Sache ist, ich sehe in GH-Entwicklertools, dass sie versucht, die .map.css-Datei abzurufen. Warum will es das tun? Wie kann ich es deaktivieren? Muss ich es deaktivieren? Um keine Fehler in Dev-Tools zu haben, habe ich diese Map-Datei hinzugefügt. Danach werden alle Stile so angezeigt, wie sie in weniger Dateien definiert sind, was mir nicht viel hilft.

93
dhblah

Löschen Sie die Zeile /*# sourceMappingURL=bootstrap.css.map */ aus bootstrap.css

122
user2779632

.map-Dateien ermöglichen einem Browser das Herunterladen einer Vollversion des minified JS. Es ist wirklich für Debugging-Zwecke.

Tatsächlich ist die fehlende .map kein Problem. Sie wissen nur, dass es fehlt, da die Browser-Tools des Browsers geöffnet wurden, eine verminderte Datei erkannt wurde und Sie lediglich darüber informiert werden, dass das JS-Debugging nicht so gut ist, wie es sein könnte.

Aus diesem Grund haben Bibliotheken wie jQuery auch die vollständige, die minimierte und die Kartendatei.

In diesem Artikel finden Sie eine vollständige Erklärung der .map-Dateien :

82

Entfernen Sie die Zeile /*# sourceMappingURL=bootstrap.css.map */ in bootstrap.css

Bleibt der Fehler bestehen, bereinigen Sie den Cache des Browsers (STRG + F5).

20
Nicolás Jofré

Löschen Sie die Zeile "/*# sourceMappingURL=bootstrap.min.css.map */ " in den folgenden Dateien.

  • css/bootstrap.min.css  
  • css/bootstrap.css

Um den Dateipfad in Linux abzurufen, verwenden Sie den Befehl find / -name "\*bootstrap\*".

4

Wenn Sie nicht die richtige .map-Datei haben und keine Zeilen in bootstrap.css bearbeiten möchten, können Sie eine Dummy-.map-Datei erstellen. 

In meinem Fall habe ich den Fehler gesehen:

GET /bootstrap.css.map not found.

Also habe ich eine leere bootstrap.css.map im Verzeichnis/public erstellt und der Fehler wurde gestoppt.

4
Julian Mann

Dies geschieht nur, wenn Sie die Dev-Tools verwenden. Dies geschieht nicht für normale Benutzer, die auf den Produktionsserver zugreifen.

In jedem Fall fand ich es nützlich, einfach deaktivieren Sie dieses Verhalten in den Dev-Tools: Öffnen Sie die Einstellungen und deaktivieren Sie die Option "Quellkarten aktivieren".

Es wird länger versucht, auf Kartendateien zuzugreifen.

3
Shovalt

Löschen /* # SourceMappingURL = bootstrap.min.css.map */ In css/bootstrap.min.css 

und delete /* # sourceMappingURL = bootstrap.css.map */ in css/bootstrap.css

1
Sergio Perez

Ich hatte auch Warnungen in Google Dev-Tools und fügte nur die Datei bootstrap.min.css.map in demselben Ordner hinzu, in der sich bootstrap.min.css befindet.

Ich habe jetzt keine Warnungen mehr und Sie können weitere Erklärungen hier finden: https://github.com/twbs/bootstrap#whats-included

Ich hoffe, ich habe deine Frage beantwortet.

1
SVANSKI

Für mich erstellt eine leere bootstrap.css.map zusammen mit bootstrap.css und der Fehler wurde gestoppt.

0
fw0213

Okay Vor kurzem bin ich mit diesem Problem konfrontiert. Ich habe eine sehr einfache Lösung, um dieses Problem zu lösen. Führen Sie die folgenden Schritte aus: Gehen Sie zu den Verzeichnissen src-> app-> index.html öffnen Sie die index.html und suchen Sie <base href="your app name ">&AUML;NDERN SIE DIES IN <base href="/">

0

Entferne letzte Zeile von bootstrap.css/* # sourceMappingURL = bootstrap-theme.css.map * /

0
Saineshwar

Löschen Sie die letzte Zeile in bootstrap.css 

folgendes lin/*# sourceMappingURL = bootstrap.css.map * / 

0
user1498608

Durch das Löschen dieser Zeile wird das Problem behoben. Das Problem ist jedoch, dass die Boostrap-Dateien in bower_components gespeichert sind und nicht in der Quellcodeverwaltung geprüft werden.

Daher erhält jeder Entwickler im Team die CSS-Datei mit der Kartenreferenz, wenn er das Repo zieht und bower install ausführt (was Teil der Verwendung eines neuen Repos ist).

Die Datei sollte keinen Verweis auf eine Karte haben, die nicht vorhanden ist.

0
Steve