Breaking News: Grepper is joining You.com. Read the official announcement!

mimetype error django react

Suraj Kr Thapa answered on June 11, 2022 Popularity 3/10 Helpfulness 7/10

answer mimetype error django react

related mimetype error django react

mimetype error django react

Comment

The reason behind why it shows mime type error is that, staticfiles_dirs doesn't include src folder, and if there is images inside src, it doesn't get include in staticfiles folder while collectstatic process, hence throws error.

so make sure to not use import images inside src or public, instead host them.

Popularity 3/10 Helpfulness 7/10 Language python

Source: stackoverflow.com

Tags: django-react python

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Suraj Kr Thapa

0 Answers Avg Quality 2/10

Closely Related Answers

mimetype error django react

Comment

Upon deploying the web app in Heroku, one of the common issues that occur 
is the static files failing to load due to MIME type limitations. 
The particular MIME type (text/html) problem is related
to your Django configuration.

The views.py in your React frontend needs 
a content_type argument in the HttpResponse.
Heroku needs to know where the static files are.

The "refused to execute script ... MIME type ('text/html')" problem 
stems from Django's default content_type setting for an HttpResponse, 
which is text/html.

This can be fixed by including a content_type='application/javascript' 
argument in the return statement of a 
new class-based view called Assets(View) inside views.py like so:

for more info visit:
https://dev.to/mdrhmn/deploying-react-django-app-using-heroku-2gfa

Popularity 1/10 Helpfulness 3/10 Language whatever

Source: dev.to

Tags: django-react whatever

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Suraj Kr Thapa

0 Answers Avg Quality 2/10

mimetype error django react

Contents

More Related Answers

mimetype error django react

Closely Related Answers

mimetype error django react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.