Блог

У меня есть приложение Django/Wagtail/React, которое работает на моем сервере разработчиков, но когда я пытаюсь создать его на Heroku, я получаю ***FileNotFoundError, когда оно запускает collectstatic. Я использую Whitenoise для обслуживания статических файлов и устанавливаю Gunicorn с соответствующим файлом Procfile. Это журнал ошибок, который я получаю на Heroku:

 -----> Building on the Heroku-20 stack
-----> Using buildpack: heroku/python
-----> Python app detected
-----> Using Python version specified in Pipfile.lock
-----> No change in requirements detected, installing from cache
-----> Using cached install of python-3.9.5
-----> Installing pip 20.2.4, setuptools 47.1.1 and wheel 0.36.2
-----> Installing dependencies with Pipenv 2020.11.15
       Installing dependencies from Pipfile.lock (d71a71)...
-----> Installing SQLite3
-----> $ python manage.py collectstatic --noinput
       BASE_DIR /tmp/build_73214ee4
       BASE_DIR   FRONTENTD:  /tmp/build_73214ee4/frontend/build/static
       Traceback (most recent call last):
         File "/tmp/build_73214ee4/manage.py", line 10, in <module>
           execute_from_command_line(sys.argv)
         File "/app/.heroku/python/lib/python3.9/site-packages/django/core/management/__init__.py", line 419, in execute_from_command_line
           utility.execute()
         File "/app/.heroku/python/lib/python3.9/site-packages/django/core/management/__init__.py", line 413, in execute
           self.fetch_command(subcommand).run_from_argv(self.argv)
         File "/app/.heroku/python/lib/python3.9/site-packages/django/core/management/base.py", line 354, in run_from_argv
           self.execute(*args, **cmd_options)
         File "/app/.heroku/python/lib/python3.9/site-packages/django/core/management/base.py", line 398, in execute
           output = self.handle(*args, **options)
         File "/app/.heroku/python/lib/python3.9/site-packages/django/contrib/staticfiles/management/commands/collectstatic.py", line 187, in handle
           collected = self.collect()
         File "/app/.heroku/python/lib/python3.9/site-packages/django/contrib/staticfiles/management/commands/collectstatic.py", line 105, in collect
           for path, storage in finder.list(self.ignore_patterns):
         File "/app/.heroku/python/lib/python3.9/site-packages/django/contrib/staticfiles/finders.py", line 130, in list
           for path in utils.get_files(storage, ignore_patterns):
         File "/app/.heroku/python/lib/python3.9/site-packages/django/contrib/staticfiles/utils.py", line 23, in get_files
           directories, files = storage.listdir(location)
         File "/app/.heroku/python/lib/python3.9/site-packages/django/core/files/storage.py", line 323, in listdir
           for entry in os.scandir(path):
       **FileNotFoundError: [Errno 2] No such file or directory: '/tmp/build_73214ee4/frontend/build/static'
 !     Error while running '$ python manage.py collectstatic --noinput'.**
       See traceback above for details.
       You may need to update application code to resolve this error.
       Or, you can disable collectstatic for this application:
          $ heroku config:set DISABLE_COLLECTSTATIC=1
       https://devcenter.heroku.com/articles/django-assets
 !     Push rejected, failed to compile Python app.
 !     Push failed
 

У меня такое чувство, что это может быть связано с моим файлом настроек, который находится здесь (он разделен между разработкой и производством, но я соберу его здесь, чтобы он был более читаемым).:

 MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware',
    'corsheaders.middleware.CorsMiddleware',                        # django-cors-headers: https://pypi.org/project/django-cors-headers/

    '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',

    'wagtail.contrib.redirects.middleware.RedirectMiddleware',
]

STATICFILES_FINDERS = [
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
]

STATICFILES_DIRS = [
    os.path.join(PROJECT_DIR, 'static'),
    os.path.join(BASE_DIR, 'frontend/build/static'),
]


STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME
MEDIA_URL = "https://%s/" % AWS_S3_CUSTOM_DOMAIN

"""Whitenoise Static Files"""
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'     # See: https://wagtail.io/blog/deploying-wagtail-heroku/
COMPRESS_OFFLINE = True
COMPRESS_CSS_FILTERS = [
    'compressor.filters.css_default.CssAbsoluteFilter',
    'compressor.filters.cssmin.CSSMinFilter',
]
COMPRESS_CSS_HASHING_METHOD = 'content'
django_heroku.settings(locals())
 

Моя файловая структура построена следующим образом:

 Base_Directory
|__ app1
|__ app2
|__ Frontend (React App)
   |__ build
      |__ static
      |__ (etc..)
   |__ index.html
   |__ src
   |__ (etc..)
|__ Project_Directory
|__ manage.py
|__ Procfile
|__ (etc..)
 

Из-за ошибки кажется, что она не распознает статическую папку в разделе «Сборка». Я распечатал вывод из BASE_DIR, и кажется, что это что-то странное: «/tmp/build_73214ee4». Однако в среде разработки список STATICFILES_DIRS может точно указывать на местоположение приложения React.

Я попытался создать как статическую, так и папку staticfiles в базовом каталоге (с фиктивным файлом txt, чтобы его можно было загрузить через git), и она все равно возвращает ту же ошибку. Я попытался переместить папку frontend в папку Project_Directory, и это тоже не сработало. Сталкивался ли кто-нибудь с такой ситуацией раньше, и если да, то есть ли у вас какие-нибудь советы, которыми вы могли бы поделиться?

Как ни странно, решение находилось в моем слепом пятне. Когда я создавал свое приложение React, оно включало файл gitignore, который не позволял загружать папку интерфейса/сборки на Github. Я использую функцию запуска проекта с Github на Heroku, и именно поэтому она выдала ошибку, в которой говорилось, что папка не найдена. Излишне говорить, но это решило проблему с коллекцией для меня!

просто запустите это :

 heroku config:set DISABLE_COLLECTSTATIC=1
 

в вашем терминале и перезагрузите