1. ホーム

Build Record 2-CSS file not loaded-Solved-Resource interpreted as Stylesheet but transferred with MIME type text/plain

2022-01-23 13:46:12

<スパン <スパン ウェブリンク  <スパン http://139.199.169.122/

<スパン ローカルでは問題なく読み込め、サーバーにアップロードした後、ページにはスタイルがありません。

10. 最終的な正解

サーバーシステムを再インストールし、他人のサーバーに同じファイルをアップロードしたところ、正しく表示された。

問題点 サーバー設定にロックされる .

設定を確認するために研究用バックエンドホースを探すと、それは は、includeコマンドの行が抜けています。

mime.types ファイル .css ファイルを text/css タイプとして正しく設定した後、次のファイルを ngnix.conf にインクルードする必要があります。 .

今のところ、無事に解決しています。

Ma Tongmenに感謝します !!!!

これは彼の個人的なウェブサイトです ----- 写真共有サイト


問題解決のプロセス

1. パスの問題なのか?

--->解析します。パスの問題ではないはずです。画像はページ内で参照されており、パスの形式はCSSファイルと同じで、画像は正しく読み込まれます。
---> 対応 - パスの問題でないことをさらに確認する必要があります:フォルダを削除し、参照を削除し、CSSファイルをindex.htmlと同じフォルダに配置します:それでもスタイルを表示できません。

結論:パス参照の問題ではありません。


2. CSSの記述に誤りがあり、ブラウザに認識されないか ?

---> CSSの内容をhtml-head-scriptにコピーして、読み込んで実行:スムーズに表示されます。

結論:CSSコンテンツの書き間違いではありません。


3. W3CがWebページをチェックします。

---> エラーも警告もありません。


<スパン 4.検索を知る - > クロームのF12でページを確認する


5. 検索操作 ----> レジストリの変更 .

--->まだエラーが報告されていますか?


6. FireFox F12チェック  

FireFOXのヒント


7. 類似の質問 ということは、サーバー側の設定ミスなのでしょうか?

参考サイト CSSはtext/cssではなくtext/plainです。

参考サイト MIMEタイプにより、FirefoxでCSSが無効になる。

サーバー側とローカルの.cssファイルが両方ともtext/cssであることを確認、まだ解決していない。


8. 最終解決・エラー解決

解決方法 htmlヘッダ内の宣言を削除 <!DOCTYPE html>
参考サイト ページ ドキュメント タイプの不一致


<スパン 9. さらなる考察

宣言を削除することは実は間違っていて、何が問題なのか?

参考サイト DOCTYPEが原因でCSSが正しく表示されないことに関するいくつかの考察


10. 最終的な正解

サーバーシステムを再インストールし、他人のサーバーに同じファイルをアップロードしたところ、正しく動作していることが確認できました。

問題点 サーバー設定にロックされる .

設定を確認するために研究用バックエンドホースを探すと、それは は、includeコマンドの行が抜けています。

mime.types ファイル .css ファイルを text/css タイプとして正しく設定した後、次のファイルを ngnix.conf にインクルードする必要があります。 .

今のところ、無事に解決しています。

Ma Tongmenに感謝します !!!!

これは彼の個人的なウェブサイトです ----- 写真共有サイト .



HTMLファイル