将Django-React应用部署到Heroku时出错

# requirements.txt
Django==3.2
djangorestframework==3.12.4
react==17.0.2

# runtime.txt
python-3.9.7

# settings.py
INSTALLED_APPS = [
    ...
    'whitenoise.runserver_nostatic',
    ...
]

MIDDLEWARE = [
    ...
    'whitenoise.middleware.WhiteNoiseMiddleware',
    ...
]

STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

# settings.py
import dj_database_url

DATABASES = {
    'default': dj_database_url.config(default=os.environ.get('DATABASE_URL'))
}

// package.json
{
  "scripts": {
    "build": "react-scripts build"
  }
}

# settings.py
import os

ALLOWED_HOSTS = ['*']
DEBUG = False

if 'DYNO' in os.environ:
    ALLOWED_HOSTS = ['*']
    DEBUG = False
    SECRET_KEY = os.environ.get('SECRET_KEY')
    DATABASES = {
        'default': dj_database_url.config(default=os.environ.get('DATABASE_URL'))
    }

// src/index.js
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});