Chrome Warnung über statische Ressource (css / gif / png / js)

Question

Wann immer die Webseite geladen Ich erhalte Warnung im Debugger als

  

Resource als Sheet interpretiert, sondern   übertragen mit Text MIME-Typ / plain.

Ich erhalte die obige Warnung, wenn die Browser-Anfragen für js, css, GIF und PNG-Dateien.

Jede Idee, wie diese Warnung beheben

Answer 1

Nun wird die Fehlermeldung sagt alles.

Ihr Webserver sendet ein falsch / fehlt Content-Type HTTP Header .

Verwenden Sie HTTP Header Check und die URL Ihrer js / css eingeben / gif / png und überprüfen, was Content-Type-Header sendet der Server (ich glaube gar keine oder text / plain).

Dann fixieren Sie Ihre Server auf den richtigen MIME-Typ zu senden oder kontaktieren Sie Ihren Serveradministrator.

Die richtigen Content-Type-Werte sollten

text/css -> für CSS-Dateien

image/gif -> für GIF-Dateien

image/jpeg -> für JPG / JPEG-Dateien

application/javascript -> für Js Dateien

image/png -> für .png Dateien

Seien Sie froh;). Nun ist es nur eine Warnung in Chrome, in früheren Versionen von Chrome, wenn eine falsche / fehlende Content-Type-Header gesetzt wurde / schickte die z.B. CSS wurde nicht angewendet.

Answer 2

Ich fand, dass Django Entwicklung Webserver dient alle Bilder / CSS usw. mit falschen Header als auch. Während Jitter Antwort ist immer noch der beste Ansatz, um dies zu lösen, die Server-Fixierung ist nicht immer eine Option.

Ich fand Sie können nur die Warnungen in Chrome verstecken und sehen nur die Fehler und LOGS, wenn Sie Strg + klicken, um die beiden Header (Fehler & Scheitholz) in der Chrome-Inspect >> Konsolenfenster; im Wesentlichen alle Warnungen verbergen.

Ein einfacher Hack, aber sicher macht das Debuggen in Django weniger wortreich und lästig.

Answer 3

Es ist ein Problem mit der Serverkonfiguration. Sie haben wahrscheinlich einige Streu .htaccess-Dateien, die mit dem MIME-Typ spielen.

Answer 4

Ich laufe auch in diese Fragen, und wenn ich die Verwendung HTTP Header Check-Dienstprogramm für die Ressourcen, die diesen Fehler erhalten, ein gültiger Content-Type-Header wird mit dem korrekten MIME-Typ zurück für die Ressource angefordert. Ich habe auch diese Header mit Firefox / Live HTTP-Header validiert sowie wget.

Ich frage mich, ob dies tatsächlich ein Fehler in Chrome ist, dass es verursacht diese besondere Header für diese Arten von Dateien zu ignorieren.

Answer 5

hatte ich dieses Problem nach einem Verzeichnis in meinen / public / Ordnern umbenennen. Chrome-Cache wurde versucht, die Datei aus dem alten Verzeichnis zu laden, die nun statt dem Bildes eine Fehlerseite zurückkehrt - und damit der Fehler, der besagt, dass es eine JPG erwartet aber einen text / html

Empfang

Answer 6

Sie können die Warnung verbergen, indem Sie diesen nahe an Sie:

console.groupCollapsed(' ');console.log('just example');console.groupEnd(); console.log('b')