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就是一个信息文件,里面存储着位置信息。

Chrome 更新后出现了 jquery.min.map 404  (Not Found) 的信息

这个到底是什么东西?查询了一下,得到了以下资料

  • JQuery 官方解释

摘录一下內容

从 jQuery 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map

什么是Source map

简单说,Source map就是一个信息文件,里面存储着位置信息。也就是说,转换后的代码的每一个位置,所对应的转换前的位置。

有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码。这无疑给开发这带来了很大方便。

导致  jquery.min.map 404 原因

更新后 Chrome 自行开启了 Enable source maps 的选项但你又沒有放 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文件)。

 

 

解決方式1.

将 Developer Tools ->设置 Enable source maps 关闭

解決方式2.

下载同一版本的 source maps跟jquery.js同目录

source maps 会跟 jquery 同位置

Jquery 位置 http://code.jquery.com/jquery-1.10.2.min.js

source maps 位置  http://code.jquery.com/jquery-1.10.2.min.map

 

相关文章
|
JavaScript 前端开发
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
2879 0
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
HBuilder报错文件查找失败:'./pages/info/info/info.vue' at main.js:3解决办法
HBuilder报错文件查找失败:'./pages/info/info/info.vue' at main.js:3解决办法
4657 0
|
8月前
|
JavaScript 前端开发
js怎样判断status
js怎样判断status
|
前端开发 JavaScript
Module build failed: TypeError: this.getResolve is not a function,vue写css时启动出错
Module build failed: TypeError: this.getResolve is not a function,vue写css时启动出错
54 0
|
数据采集 JavaScript 中间件
Node.js的nrm报错:internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE
Node.js的nrm报错:internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE
337 0
|
JavaScript Windows
【异常】window 10 安装 node.js 时遇到 2502 2503 错误解决方法
window 10 安装 node.js 时遇到 2502 2503 错误解决方法
300 0
【异常】window 10 安装 node.js 时遇到 2502 2503 错误解决方法
|
JavaScript
删除所有错误的值 JS Array
删除所有错误的值 JS Array
76 0
未解决:运行EtherCalc出错:Error: Cannot find module 'zappajs'
未解决:运行EtherCalc出错:Error: Cannot find module 'zappajs'
91 0
【问题记录】在执行js的时候报错:missing ) after argument list
【问题记录】在执行js的时候报错:missing ) after argument list
|
JavaScript
vue动态加载的菜单报错Cannot find module xxxxxx 与the request of a dependency is an expression 解决方法
vue动态加载的菜单报错Cannot find module xxxxxx 与the request of a dependency is an expression 解决方法
714 0