tky529
@tky529 (タクタク)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

herokuデプロイ時の画像(静的ファイル)のエラー django

解決したいこと

djangoでherokuにデプロイしています。
ローカルで「gunicorn config.wsgi」を実行したし上げるときちんと画像は読み込みます
しかしherokuにデプロイするとエラーとなってしまいます。
画像を読み込もうとしなければheroku上でアプリはきちんと動きます。
※例: img src="{% static 'twanalyse/test.jpg' %}" alt="test"(imgタグです)を入れなければ下記のコードで問題なく動きます

発生している問題・エラー

image.png

twanalyseapp.herokuapp.com/:1          GET https://twanalyseapp.herokuapp.com/ 500 (Internal Server Error)

ファイル構成

image.png

該当するソースコード

index.html
{% load django_bootstrap5 %} {% load static %}
<div class="container bg-light pt-2">
    ・・・
  <img src="{% static 'twanalyse/test.jpg' %}" alt="test" />
</div>

settings.py
from pathlib import Path
import dj_database_url
import os

# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = False

・・・

# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    "django_bootstrap5",
    'twanalyse.apps.TwanalyseConfig',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware',
]

・・・

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.2/howto/static-files/
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'

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

STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
config/urls.py
from django.contrib import admin
from django.urls import path,include
from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include("twanalyse.urls")),
]
urlpatterns += staticfiles_urlpatterns()

自分で試したこと

https://devcenter.heroku.com/ja/articles/django-assets#collectstatic
を参考に

heroku config:set DEBUG_COLLECTSTATIC=1

heroku config:set DISABLE_COLLECTSTATIC=1

の実行・無効

画像ファイルをstatic直下に置くなどを試しました

よろしくお願いいたします

0

1Answer

staticフォルダの位置とルートの設定ってあってますか??

あとherokuはstaticfilesを自分で用意しないといけないと書いてあった気も?(上に記載がなかったので一応)

herokuでは画像の変更等した後によくエラーが起こるのですが、python manage.py collectstaticでstaticfilesを作成して一緒にデプロイしてあげると解決したりします。

0Like

Your answer might help someone💌