Webページが読み込まれるたびに、デバッガーで次のような警告が表示されます。
リソースはスタイルシートとして解釈されますが、MIMEタイプtext/plainで転送されます。
ブラウザがjs、css、gif、pngファイルを要求すると、上記の警告が表示されます。
この警告を解決する方法についてのアイデア
Webページが読み込まれるたびに、デバッガーで次のような警告が表示されます。
リソースはスタイルシートとして解釈されますが、MIMEタイプtext/plainで転送されます。
ブラウザがjs、css、gif、pngファイルを要求すると、上記の警告が表示されます。
この警告を解決する方法についてのアイデア
まあ、エラーメッセージはそれをすべて言います。
ウェブサーバーが間違った/欠落した Content-Type HTTPヘッダーを送信しています。
HTTP Header Checkを使用して js/css/gif/png の URL を入力し、サーバーが送信する Content-Type ヘッダーを確認します (まったくないか、text/plain だと思います)。
次に、正しい MIME タイプを送信するようにサーバーを修正するか、サーバー管理者に連絡してください。
正しい Content-Type 値は
text/css
-> .css ファイルの場合
image/gif
-> .gif ファイルの場合
image/jpeg
-> .jpg/.jpeg ファイルの場合
application/javascript
-> .js ファイルの場合
image/png
-> .png ファイルの場合
自分はラッキーだと思ってください ;)。Chrome の以前のバージョンでは、誤った/欠落した Content-Type ヘッダーが設定/送信されたときに、CSS がまったく適用されなかったなどの単なる警告になりました。
Django の開発用 Web サーバーが、すべての画像や CSS などを不適切なヘッダーで提供していることがわかりました。Jitter の応答はこれを解決する最善の方法ですが、サーバーを修正することが常に選択肢になるとは限りません。
Chrome の [Inspect] >> [Console] ウィンドウで Ctrl キーを押しながら 2 つのヘッダー (ERRORS & LOGS) をクリックすると、Chrome で警告を非表示にして、エラーとログのみを表示できることがわかりました。基本的にすべての警告を非表示にします。
簡単なハックですが、Django でのデバッグが冗長で煩わしくなくなります。
It's a problem with your server configuration. You probably have some stray .htaccess files that are playing with the MIME types.
私もこれらの問題に直面しており、このエラーが発生しているリソースに対して HTTP ヘッダー チェック ユーティリティを使用すると、要求されたリソースの正しい MIME タイプを含む有効な Content-Type ヘッダーが返されます。また、これらのヘッダーを Firefox/Live HTTP ヘッダーと wget で検証しました。
これが実際にChromeのバグであり、これらのタイプのファイルのこの特定のヘッダーを無視するのだろうかと思っています.
/public/ フォルダー内のディレクトリの名前を変更した後、この問題が発生しました。Chrome のキャッシュが古いディレクトリからファイルを読み込もうとしていたため、画像ではなくエラー ページが返されたため、.jpg を予期していたが text/html を受信したことを示すエラーが発生しました。
警告を非表示にすることができます。このコードを JS に追加して購入してください。
console.groupCollapsed(' ');console.log('just example');console.groupEnd(); console.log('b')