Bootstrap versucht, Kartendatei zu laden. Wie deaktiviere ich es? Muss ich das machen

127

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.

Dhblah
quelle
4
Hat eine der unten angegebenen Antworten Ihre Frage beantwortet? Wenn nicht, können Sie Ihre Frage aktualisieren, damit wir unsere Antworten verbessern können?
Dominic Zukiewicz
Mögliches Duplikat der in Bootstrap 3.1 verwendeten .map-Dateien?
Oliver-Clare

Antworten:

162

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

user2779632
quelle
37
Bitte erläutern Sie Ihre Antwort kurz, damit Ihre Antwort für OP und andere Leser nützlicher wird.
Mohit Jain
9
Dies funktioniert, aber wenn Bootstrap direkt von node_modules referenziert wird, wird Bootstrap bei der Neuinstallation zurückgeschrieben
Alexander
2
Beeindruckend! Absolut verrückt ... das funktioniert nur, wenn Sie die Zeile "löschen" (wie Sie sagten) ... das Auskommentieren hat immer noch 404 Fehler erzeugt! Ich bin froh, dass ich auf deinen Beitrag gestoßen bin!
Flipflopmedia
117

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 :

Dominic Zukiewicz
quelle
1
Lädt sie herunter? Wovon? Ich nahm an, dass diese .less-Dateien irgendwie in die Map-Datei gepackt sind. Beim Laden der Seite erstellt Bootrap diese Dateien aus einem Paket neu.
Dhblah
1
Aus demselben Verzeichnis werden die .js abgerufen. Denken Sie daran, es ist nur, wenn die Entwicklertools geöffnet sind, nicht als normale Anforderung.
Dominic Zukiewicz
Vielen Dank für Ihre Antwort, aber ich habe keine .lessDateien in meinem Projekt. Ich habe nur .cssund .jsDateien und diese mapDatei hinzugefügt .
Dhblah
1
@Raymond: Die Entwicklertools verstehen die Dateinamen wie .min.css nicht - können wir schließlich garantieren, dass sie minimiert sind? Nein. Die .map wird heruntergeladen, um sicherzustellen, dass beide Kopien verfügbar sind. Auch dies wird mit den Entwicklertools aktiviert. Wenn Sie das Werkzeugfenster schließen, wird es nicht angefordert.
Dominic Zukiewicz
3
Um es noch einmal zu wiederholen, die .map-Datei wird nur angefordert und verwendet, wenn die Entwicklertools geöffnet sind. Wenn sie fehlt, erhalten Sie keine zusätzlichen fehlgeschlagenen Anforderungen, wenn ein typischer Benutzer Ihre Seite besucht.
Tomf
27

Entfernen Sie die Linie /*# sourceMappingURL=bootstrap.css.map */inbootstrap.css

Wenn der Fehler weiterhin besteht, leeren Sie den Cache des Browsers (STRG + F5).

Nicolás Jofré
quelle
1
Gleiche Antwort zwei Jahre später?
Panu Haaramo
17

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.

Shovalt
quelle
Ich denke, dies könnten die relevantesten Antworten sein. Andere sind nur relevant, wenn die genannten Dateien in Ihrer Anwendung enthalten sind - was nicht immer der Fall ist.
Lukino
16

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

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

Verwenden Sie den Befehl, um den Dateipfad unter Linux abzurufen find / -name "\*bootstrap\*"

Avinash Kancharla
quelle
Quellzuordnungsdateien wie bootstrap.min.css.map werden beim Minimieren / Kompilieren von Dateien automatisch generiert. Sie werden eigentlich nicht für die Produktion benötigt, belegen aber gleichzeitig dreimal mehr Speicherplatz als diejenigen, die sie zuordnen. Deshalb nehmen wir sie nicht in die Veröffentlichung auf. Wenn Sie diese Nachricht nur entfernen möchten, können Sie entweder Kommentare wie / * # sourceMappingURL = bootstrap.min.css.map * / in bootstrap.min.css, bootstrap.min.js und popper.min.js entfernen oder die Quelle herunterladen Ordnen Sie Dateien aus einer Bootstrap 4.1.3-Version zu und legen Sie sie im libs-Verzeichnis ab.
Ajay Takur
6

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:

GET /bootstrap.css.map not found.

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

Julian Mann
quelle
1
Funktioniert nicht mit boweroder 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 */.
Monteirobrena
4

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

Sergio Perez
quelle
1

Entfernen Sie aus bootstrap.css entfernen Sie die letzte Zeile / * # sourceMappingURL = bootstrap-theme.css.map * /

Saineshwar
quelle
1

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.

SVANSKI
quelle
1

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

fw0213
quelle
1

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.

Steve
quelle
1

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/">

Sachin aus Pune
quelle
0

Löschen Sie die letzte Zeile in bootstrap.css

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

user1498608
quelle
Versuchen Sie, das Problem zu erklären und wie Ihre Antwort zur Lösung kommt.
Dies ist eine bewährte Methode,