DevTools failed to load source map: Could not load content

I’m getting a following message in console:

DevTools failed to load source map: Could not load content for https://pcshare.com/static/js/jquery-3.6.0.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Why is it looking for the .map file which I don’t have? How do you fix this issue? Thanks.

My template file:

..
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
..

It’s looking for the .map file because you’re telling it to:

Sorry, it was a typo in the question during copy/paste (corrected). My template file actually had below:

..
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
..

No where in my project, I have reference to “.map”, but Chrome show that error.

Ok, in this case it’s because you have your developer tools configured to retrieve map files. Check your developer tools settings page (Developer tools / Settings / Preferences) in the “Sources” section. You’ll see entries for “Enable JavaScript source maps” and “Enable CSS source maps”.

Note that you’ll only get this error when the developer tools are open. If those tools aren’t open, no request is made for those map files. (In other words they don’t affect typical usage.)

1 Like

That fixed it!! Thank you very much.