He estado recibiendo el error "El tipo MIME ('text/html') no es un tipo MIME de hoja de estilo compatible" en mi despliegue de django+react en Heroku. Esto se debe principalmente a que django no puede encontrar los archivos estáticos de reaccionar.
Establecer el directorio de archivos estáticos en settings.py debería haber resuelto el problema, pero no lo hizo:
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles') STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'build/static'), )Decidí crear esta pregunta con respuesta automática porque pasé una tarde muy larga y frustrante resolviendo este problema ya que no encontré la solución correcta en ninguna parte de la web.
Lo que hice mal en mi implementación fue configurar mis paquetes de compilación de manera incorrecta cuando configuré el proyecto para heroku. No seas yo e inmediatamente ve a StackOverflow y encuentra la solución allí.
Para servir los archivos estáticos correctamente, obviamente, python y collectstatic deben ejecutarse después de la compilación de npm desde reaccionar. Por lo tanto , agregue python buildpack después de nodejs en Heroku :
heroku buildpacks:add --index 1 heroku/nodejs heroku buildpacks:add --index 2 heroku/python