Ich spiele vor kurzem mit bootsrap3. Ich habe es aus Quellen zusammengestellt und Distr js und CSS in mein Projekt aufgenommen. Die Sache ist, ich sehe in GH Dev Tools, dass es versucht, .map.css Datei zu bekommen. Warum will es das tun? Wie deaktiviere ich es? Muss ich es deaktivieren? Um keine Fehlermarkierung in den Entwicklungstools 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.
127
Antworten:
Löschen Sie die Zeile
/*# sourceMappingURL=bootstrap.css.map */
vonbootstrap.css
quelle
Mit .map-Dateien kann ein Browser eine Vollversion des minimierten JS herunterladen. Es ist wirklich für Debugging-Zwecke.
Tatsächlich ist die fehlende .map kein Problem. Sie wissen nur, dass es fehlt, da der Browser seine Entwicklertools geöffnet hat, eine minimierte Datei erkannt hat und Sie nur darüber informiert, dass das JS-Debugging nicht so gut ist, wie es sein könnte.
Aus diesem Grund verfügen Bibliotheken wie jQuery auch über die vollständige, die minimierte und die Map-Datei.
In diesem Artikel finden Sie eine vollständige Erläuterung der .map-Dateien :
quelle
.less
Dateien in meinem Projekt. Ich habe nur.css
und.js
Dateien und diesemap
Datei hinzugefügt .Entfernen Sie die Linie
/*# sourceMappingURL=bootstrap.css.map */
inbootstrap.css
Wenn der Fehler weiterhin besteht, leeren Sie den Cache des Browsers (STRG + F5).
quelle
Dies geschieht nur, wenn Sie die Entwicklertools verwenden, und nicht für normale Benutzer, die auf den Produktionsserver zugreifen.
In jedem Fall fand ich es nützlich , dieses Verhalten in den Entwicklertools einfach zu deaktivieren : Öffnen Sie die Einstellungen und deaktivieren Sie die Option "Quellkarten aktivieren".
Es wird nicht mehr versucht, auf Kartendateien zuzugreifen.
quelle
Löschen Sie die Zeile
"/*# sourceMappingURL=bootstrap.min.css.map */ "
in den folgenden Dateien.Verwenden Sie den Befehl, um den Dateipfad unter Linux abzurufen
find / -name "\*bootstrap\*"
quelle
Wenn Sie nicht über die richtige .map-Datei verfügen 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:
Also habe ich eine leere bootstrap.css.map im Verzeichnis / public erstellt und der Fehler wurde gestoppt.
quelle
bower
oder so, weil im Produktionsmodus der Bootstrap von der Quelle installiert wird. Gleiches gilt für jede Antwort, die besagt, dass die Zeile entfernt werden soll/*# sourceMappingURL=bootstrap.css.map */
.Löschen Sie / * # sourceMappingURL = bootstrap.min.css.map * / in css / bootstrap.min.css
und löschen Sie / * # sourceMappingURL = bootstrap.css.map * / in css / bootstrap.css
quelle
Entfernen Sie aus bootstrap.css entfernen Sie die letzte Zeile / * # sourceMappingURL = bootstrap-theme.css.map * /
quelle
Ich hatte auch Warnungen in Google Dev-Tools und habe nur die Datei bootstrap.min.css.map in demselben Ordner hinzugefügt, in dem sich bootstrap.min.css befindet.
Ich habe jetzt keine Warnungen mehr und Sie können mehr Erklärung hier finden: https://github.com/twbs/bootstrap#whats-included
Ich hoffe, ich habe Ihre Frage beantwortet.
quelle
Für mich wurde eine leere bootstrap.css.map zusammen mit bootstrap.css erstellt und der Fehler gestoppt.
quelle
Das Löschen dieser Zeile behebt das Problem, aber das Problem ist, dass sich die Boostrap-Dateien in befinden
bower_components
und nicht in die Quellcodeverwaltung .Jeder Entwickler im Team erhält also die CSS-Datei mit der Kartenreferenz, wenn er das Repo zieht und dies tut
bower install
(was Teil der Verwendung eines neuen Repos ist).Die Datei sollte nicht den Verweis auf eine Karte enthalten, die nicht vorhanden ist.
quelle
Okay, vor kurzem war 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 diesen Verzeichnissen src-> app-> index.html Öffnen Sie die index.html und
<base href="your app name ">
ändern Sie diese in<base href="https://stackoverflow.com/">
quelle
Löschen Sie die letzte Zeile in bootstrap.css
folgendes lin / * # sourceMappingURL = bootstrap.css.map * /
quelle