google chrome devtools - Error 'jquery-2.0.2.min.map not found'

Question

I'm getting this error in Google Chrome developer tools:

jquery-2.0.2.min.map not found

I found a way to get rid of it by removing this line from my jquery-2.0.2.min.js:

//@ sourceMappingURL=jquery-2.0.2.min.map

However, I don't believe this was a good idea, since this may be just a temporary fix that may be a problem in the future. Since I don't really understand the nature of this error and the goofy solution: what's causing this error and is there a better fix for it?

Apparently, this is not a question related to jQuery 2.0.2 only. A very similar Stack Overflow question with a great explanation is jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found). I hope this will shed some light on the situation.

Answer 1

1. Download the map file and uncompressed version of jquery. Put them with minified version.

2. Include minified version into your HTML

3. Check in Chrome

4. Read Introduction to JavaScript Source Maps

5. Get familiar with Debugging JavaScript