How to set content type of JavaScript files in Django

Question

I have a Django application, which requires several JavaScript files.

In Chrome I get the error \"Resource interpreted as Script, but transferred with MIME type text

Answer 1

I suspect the problem is not what you think it is. What is probably actually happening is that your JS files are not being served at all: instead, the Django error page is being sent. You need to figure out why.

Answer 2

I had an issue with Django serving javascript files as text/plain with the included server, which doesn't work too well with ES6 modules. I found out here that you could change file extension associations by placing the following lines in your settings.py:

#settings.py
if DEBUG:
    import mimetypes
    mimetypes.add_type("application/javascript", ".js", True)

and javascript files were now served as application/javascript.

Answer 3

For Django use request context in views :

return render_to_response('success.html', {'object': varobject},context_instance=RequestContext(request))

Answer 4

Since this doesn't prevent scripts from being interpreted correctly by the browser, why is this a problem? runserver is only for development (not production use), and as such is not a full blown web server.

You should continue to use it in development and when you move to production configure your webserver appropriately for static files.

However, if you absolutely must use the development server to serve static files; see how to serve static files.