Jquery 缺少 .map 资源

发布于08月29日

I've recently started having this problem with all my projects. When my index page loads which contains a reference to the jquery source file, my console logs this error: GET http://localhost:3000/js/lib/jquery-1.10.2.min.map 500 (Internal Server Error).

This doesn't affect my application at all, but it's really annoying to see whenever I open up the console. Does anyone know where this is coming from?

编辑:请注意，我没有明确引用. map 文件，我指的是<script src="js/lib/jquery-1.10.2.min.js"></script>

推荐答案

jQuery最近开始使用源映射.

例如，让我们看看缩小的jQuery 2.0.3文件的前几行.

/*! jQuery v2.0.3 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/

摘自Introduction to JavaScript Source Maps页:

你有没有发现自己希望能留住你的客户

Basically it's a way to map a combined/minified file back to an unbuilt state. When you build for production, along with minifying and combining your JavaScript files, you generate a source map which holds information about your original files. When you query a certain line and column number in your generated JavaScript you can do a lookup in the source map which returns the original location. Developer tools (currently WebKit nightly builds, Google Chrome, or Firefox 23+) can parse the source map automatically and make it appear as though you're running unminified and uncombined files.

^{emphasis地雷}

它非常有用，只有在用户打开开发工具时才会下载.