【Django】CSSが適用されない問題

起こったこと

viewsやurlsなどを設定し終わり、ローカル環境でいざアプリを起動してみたところ、何故かCSSだけが適用されていない状態に…。キャッシュ削除、cssのurlパスがおかしくないかいじったり、一通りは試したものの解決しなかった。

原因

settngs.pyで設定されていたDEBUGがFalseになっていた。どうやらDEBUG=Falseだとstaticとmediaに配置した画像やファイルが読み込めなくなるらしい。

ローカル環境のみでDEBUGをTrueにしたい

しかしsettings.pyで直接DEBUG=Trueにすると、本番環境に移行後もデバッグモードになってしまう。
そこでlocal_settings.pyを別に作り、そちらにローカル環境におけるDEBUGの記述を書いてからsettings.pyに適用する。

手順

• local_settings.pyに以下を追記。

DEBUG = True #ローカルでDebug

• settings.pyの一番下の行に以下を追記（デフォルトで書かれているDEBUG=Falseの記述は消さない）

# ローカル環境の場合DebugがTrueになるように設定
try:
    from .local_settings import *
except ImportError:
    pass

まとめ

cssに関するエラーも特に発生せず、ただ読み込まれない状態だったため原因の特定に時間をとても使用してしまいました…涙

参考サイト