fullCalendar jQuery-1.9+.min.map 404 (Not Found) 错误，了解Source Map

当打开引入jQuery脚本的页面时，在Chrome的控制台中报了“GET http://localhost/libs/jquery.min.map 404 (Not Found)”的错误。

刚开始以为是Chrome安装插件导致的错误，可是把引入换成jQuery开发版本时，错误就不见了。并且只有Chrome会有这个错误提示，FireFox、IE不会报错。

后来发现原来是jQuery脚本中 "//@ sourceMappingURL=jquery-1.10.2.min.map" 这一行惹的祸。

如果是布置到生产环境中去，你可以把上面那行代码直接删掉。

如果是在开发环境中，你应该下载jquery-1.10.2.min.map文件，放到jQuery同级目录中去（需要对应的source map文件）。

如果想关掉错误提示，还可以在Chrome的Developer Tools的Setting中将Enable source maps取消选中。

为什么这行被注释掉的代码，会起作用呢？那么就需要了解一下什么是Source Map。

什么是Source Map

Source map就是一个Json格式的信息文件，里面储存着位置信息。也就是说，它是压缩后Js的一个字典文件。有了它，出错的时候，调试工具将直接显示原始代码，而不是压缩后的代码。这无疑给开发者带来了很大方便。

因为是Google自定义的规则，暂时只有基于Chromium开发的浏览器支持这个功能。

Source Map生成工具

Closure编译器

参考链接

转自 http://www.vipaq.com/Article/View/blog/357.html

时间： 2024-11-10 08:04:57

fullCalendar jQuery-1.9+.min.map 404 (Not Found) 错误，了解Source Map的相关文章

Source Map入门教程

部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度.然而,压缩代码的报错信息是很难Debug的,因为它的行号和列号已经失真.这时就需要Source Map来还原真实的出错位置了. 为啥变换代码? 前端代码越来越复杂的情况下,开发者通常会使用webpack.UglifyJS2等工具对代码进行打包变换,这样可以减少代码大小,有效提高访问速度.关于变换代码的原因,这里不妨引用一下大神阮一峰的JavaScript Source Map 详解: 压缩,减小体积.比如j

JavaScript Source Map 详解

上周,jQuery 1.9发布. 这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map. 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部,你可以看到最后一行是这样的: //@ sourceMappingURL=jquery.min.map 这就是Source Map.它是一个独立的map文件,与源码在同一个目录下,你可以点击进去,看看它的样子. 这是

（转）JavaScript Source Map 详解

原文链接:http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html 这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map. 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部,你可以看到最后一行是这样的: //@ sourceMappingURL=jquery.min.map 这就

Javascript 如何生成Less和Js的Source map

为什么有Source map CSS和JS脚本正变得越来越复杂,为了解决网络瓶颈,大部分源代码都需要经过编译.合并.压缩才能运用到实际环境中.为了减少网络资源占用,源码一般都会经过以下方式处理: 使用css框架合并压缩css文件:    使用js合并插件,减少网络请求次数:    压缩js文件,降低网络占用: 这三种方式都可以有效的解决实际问题,但同时在运行调试过程中也带来麻烦,由于css和js都是经过了压缩转换,当报错时我们很难定位到源代码具体位置.为了解决这个问题,Source map由此诞

Source Map调试压缩后代码

在前端开发过程中,无论是样式还是脚本,运行时的文件可能是压缩后的,那这个时候调试起来就很麻烦. 这个时候,可以使用Source Map文件来优化调试,Source Map是一个信息文件,里面储存着原代码位置信息(转换后的代码的每一个位置,所对应的转换前的位置),这样你调试时看到的就是原文件代码. PS:如果原文件在最后一行有sourceMappingURL的设置: /*# sourceMappingURL=addgroup.css.map */ 那么这个文件就支持source map调试. sa

jquery.min.map 404 (Not Found)出错的原因及解决办法

Chrome 更新后出现了 jquery.min.map 404  (Not Found) 的信息 这个到底是什么东西?查询了一下,得到了以下资料 JQuery 官方解释 摘录一下內容 从 jQuery 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map 什么是Source map 简单说,Source map就是一个信息文件,里面存储着位置信息.也就是说,转换后的代码的每一个位置,所对应的转换前的位置. 有了它,出错的时候,除错工具将直接显示

去除jquery.min.map 404错误信息

调试中出现了 jquery.min.map 404 (Not Found) 的js错误信息: 那么jquery.min.map到底是个什么呢? JQuery 官方解释 从 jQuery 1.9.0 版本后在原始代码里会有 sourceMappingURL=jquery.min.map 什么是Source map 简单说,Source map就是一个信息文件,里面存储着位置信息.也就是说,转换后的代码的每一个位置,所对应的转换前的位置. 有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后

jquery-2.0.3.min.map 404

Chrome 更新後出現了 jquery.min.map 404  (Not Found) 的訊息 這個到底是甚麼東西查詢了一下,查詢到了以下資料 JavaScript Source Map 功能詳解 JQuery 官方解釋 摘錄一下內容 從 jQuery 1.9.0 版本後在原始碼裡會有 @ sourceMappingURL=jquery.min.map 什麼是Source map 簡單說,Source map就是一個信息文件,裡面儲存著位置信息.也就是說,轉換後的代碼的每一個位置,所對應的轉

angularjs中 *.min.js.map 404的问题

初次使用AngularJS,在chrom调试的时候,出现如下问题: GET http://localhost:63342/luosuo/visitor/js/lib/angular-animate.min.js.map 404 (Not Found) register.html:1 GET http://localhost:63342/luosuo/visitor/js/lib/angular-route.min.js.map 404 (Not Found) 百度之,原因如下: 问题解决了的感觉