Mime Type Issue Loading CSS With Django App

As per the Heroku guide for configuring Django apps, you need to use pip and install django_heroku

pip install django_heroku

Add it to your settings.py

import django_heroku

And finally, add this to the bottom of the settings.py file

django_heroku.settings(locals())

"whitenoise" can solve "MIME type" error to load CSS successfully:

This is how you use "whitenoise":

First, install "whitenoise":

pip install whitenoise

Then, set it to "MIDDLEWARE" in "settings.py". That's it to load CSS successfully:

MIDDLEWARE = [
    # ...
    "django.middleware.security.SecurityMiddleware",
    "whitenoise.middleware.WhiteNoiseMiddleware", # Here
    # ...
]

Using white noise in my project worked for me. since I had system errors and I couldn't install Django-Heroku.

Here is the link I used to set up my white noise.

Basically

1. Install white noise

   pip install whitenoise

2. Add it to middleware

   MIDDLEWARE = [
   
   django.middleware.security.SecurityMiddleware',
   
   'whitenoise.middleware.WhiteNoiseMiddleware',
   
    #...
   
   ]
   

and that's all. you then send your code to Heroku

You need to run $ python manage.py collectstatic before pushing to Heroku.

make sure that DEBUG = False in settings.py