Refused to execute script from 'bundle.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled

Question

I have an application with CRA with frontend and django backend. I use react-app-rewired to override webpack configuration on frontend so that to save output from webpack-dev-server for django to use.

But I hit the issue as shown in below screenshot.

Below is my override-config.js which used to override out-of-box CRA webpack config

Weird thing is that there is no such issue for frontend product build(run yarn build and then open localhost:8000 in browser and I can get frontend correctly). Above Refuse to execute ... issue only happen when I run yarn start for development mode.

Here is my package.json

And django frontend.html

Relative part in django settings.py

Thanks in advance for any help!!!

Allen Shaw · Accepted Answer · 2021-03-18 07:51:55Z

0

Is this only happend in debug mode which is DEBUG = True in Django settings.py? Maybe you would try add assets to urlpatterns

urls.py

if settings.DEBUG:
    urlpatterns += static("/assets/",
                          document_root=settings.FRONTEND_PRODUCTION_DIR)

reference the document here.

answered Mar 18, 2021 at 7:51

Allen Shaw

1,52211 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Keannylen Over a year ago

Thanks. Django DEBUG is always True for both frontend production and development modes. Adding urlpatterns not fix this issue.

Collectives™ on Stack Overflow

Refused to execute script from 'bundle.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related