HerokuにDjangoアプリケーションをデプロイしたがstaticファイルが読み込まれない

Question

###前提・実現したいこと
herokuでのcssの適用(django)

###発生している問題・エラーメッセージ
djangoで作成したアプリケーションをherokuにデプロイしたのですがstaticファイルが読み込まれずcssが適用されません。
アプリケーション自体はheroku上で機能しています。

このページなどを参考にsetting.pyとwsgi.pyを編集し、再びデプロイし、ページを開くと500が返ってきてしまいます。

heroku run python manage.py collectstatic --noinput 実行時

FileNotFoundError: [Errno 2] No such file or directory: '/app/myapp/static'

###該当のソースコード
以下500が返ってきます
settings.py

import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))

STATIC_ROOT = os.path.join(PROJECT_ROOT,'staticfiles')

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, "static"), 
)
STATICFILES_STORAGE = 'whitenoise.django.GzipManifestStaticFilesStorage'

wsgi.py

import os
from django.core.wsgi import get_wsgi_application

from whitenoise.django import DjangoWhiteNoise

os.environ.setdefault("DJANGO_SETTINGS_MODULE", "myapp.settings")

application = get_wsgi_application()

application = DjangoWhiteNoise(application)

urls.py

urlpatterns = [

    url(r'^admin/', admin.site.urls),
    url(r'^myapp/', include('myapp.urls')),
]

ディレクトリ構造

myapp/
 ├app/
 ├static/
    └ app/
        └ css

###補足情報(言語/FW/ツール等のバージョンなど)
python-3.6
django-1.10.4

Answer 1

こんにちは。staticfileのpath指定が間違ってると思うんですが、設定がややこしくて自分もあまり自信ないです。なにかしらヒントになれば…

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"), 
)

でお試しでやってみてどうでしょうか？

参考にDjangoGirlsJpでの設定を以下に記載します。

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
# 略
]

# 中略
STATIC_URL = '/static/'
STATIC_ROOT = 'staticfiles'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

Comments

[thorn]

解答ありがとうございます。settingのパスを指定しなおして「staticfiles」というディレクトリにcssファイルをcollectstaticすることができたのですが、やはりwhitenoiseの設定（STATICFILES_STORAGEとapplication = DjangoWhiteNoise(application)）を追記してデプロイすると500エラーが返ってきてしまいます。
whitenoiseがどのような働きをしていて、どのように利用するのかいまいち理解できていないので教えていただけると幸いです。

[koichi-ezato]

settings.pyのMIDDLEWARE_CLASSESにWhiteNoiseMiddlewareを追加してますか？
それか、pipでWhiteNoiseがインストールされていないのが原因かもしれないですよ。
下記サイトを参考にセットアップしてみてはどうでしょう。

http://furodrive.com/2016/01/white_noisedjango/
http://whitenoise.evans.io/en/stable/

[thorn]

回答ありがとうございます。
whitenoiseの設定も一通り確認しましたが、{%static%}というテンプレートタグを使ってURLを生成すると500が返ってくるということが分かりました。
とりあえずはHTML内にcssを直接記述することにしました。