• style.css
    が読み込まれず、Resource interpret...
  • guest 
    style.cssが読み込まれず、Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://192.168.3.17:8080/home/style.css".のようなWarningが出ています。
    開発者ツールのネットワークを見たところ、Content-typeがtext/htmlとなっている為headタグ内でtext/cssを指定しているのにHTMLとして認識されてしまっているようです。
    ホスト環境はVirtualBox上にwordpressコンテナとmysql5.7コンテナをたてて起動させています。
    cssファイルだけが反映されておらず、ググっても解決しない為打開策がないか質問させて頂きました。
    よろしくお願い致します。
    回答 1

    ウェブカツコーチ 
    講師からの回答
    質問掲示板は講義の内容の内容についてのみ対象であり、今回のWordPress部の環境はMAMPベースで行っています。VirtualBoxでオリジナルで構築された環境はこちらとしても状況を再現することが出来ず的確なアドバイスがおこなえないため、基本的には対象外です。

    そのうえで、出てきたエラー「、Resource interpreted as Stylesheet but transferred with MIME type text/html:」でググると同様の症状について取り扱っているQiita記事やTeratailsの質問回答など様々な情報が出てきます。

    例)
    https://qiita.com/furikake6000/items/fb97779659dddfc2c196
    https://teratail.com/questions/140437

    また、日本語情報で足らない場合はstackoverflowなど英語情報もバグ修正などの際には非常に役立ちます。

    https://stackoverflow.com/questions/12641168/chrome-says-resource-interpreted-as-stylesheet-but-transferred-with-mime-type-t

    guest 
    ご返信ありがとうございます。stackoverflowというものもあったんですね。
    MAMPをローカルホストにしたところCSSはきちんと読み込めましたのでおそらくdockerのwordpressイメージ内でのconf設定等をいじる必要がありそうですので、こちらはこちらで
    別途調べながら解決方法を探してみたいと思います。お手数をおかけ致しました。

    guest 
    本件ですが、wordpress + mysql5.7 + nginxの構成で環境を作り直したところCSSが読み込まれるようになりました。はっきりとした原因はわかりませんが、text/cssのmimetypeが読み込まれない設定になっていたと思われます。