DevTools 无法加载源映射

height..

已于 2022-06-14 15:40:14 修改

阅读量1.6w

点赞数 5

分类专栏：报错解决文章标签：前端

于 2022-06-14 15:00:44 首次发布

本文链接：https://blog.csdn.net/qq_45976132/article/details/125278180

版权

报错解决专栏收录该内容

5 篇文章 0 订阅

订阅专栏

项目报警告：DevTools 无法加载源映射
**

控制台报警告：

**
DevTools 无法加载来源映射：无法加载 http://localhost:8080/static/plugs/bootstrap/css/bootstrap.min.css.map 的内容：HTTP 错误：状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE

解决方法：

如果是css报错就删除：
/*# sourceMappingURL=bootstrap.min.css.map */
 
如果是js报错就删除：
 //# sourceMappingURL=bootstrap.min.js.map

为什么删除那行就可以不报错？

source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息，这样的好处就是说，在调试的时候，如果有一些JS报错，那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试，这样会给我们带来很大的方便！而这种还原性调试功能，目前只有chorme才具有，所以就会出现标题说的问题，我引入jquery-1.10.2.min.js的时候，在firefox下或者其他浏览器下是好的，在chorme下会报错找不到jquery-1.10.2.min.map文件，404，就是因为以上说的情况，jquery会检测浏览器是否支持source map功能，如果支持的话，那就去下载source map文件，而这个时候如果你引用的是官网的min.js那没问题，它会去自己的目录下找source map文件，而如果jquery.min.js文件在你的服务器上而服务器上又没有source map的话，那就会报错了，所以三种解决办法：一，引用官网文件二，把source map文件下载下来放到服务器上(推荐) 三，把chorme文件的工具–>开发者工具–>设置–>Enable source maps勾去掉，去掉这个勾，jquery就不会去下载source map文件了！

参考文章：https://blog.csdn.net/m0_67391270/article/details/123344563?ops_request_misc=&request_id=&biz_id=102&utm_term=DevTools%20%E6%97%A0%E6%B3%95%E5%8A%A0%E8%BD%BD%E6%9D%A5%E6%BA%90%E6%98%A0%E5%B0%84%EF%BC%9A%E6%97%A0%E6%B3%95%E5%8A%A0%E8%BD%BD%20http://&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-0-123344563.142^v14pc_search_result_control_group,157^v14new_3&spm=1018.2226.3001.4187
https://blog.csdn.net/qq_32531081/article/details/84337256?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165519084816782390586444%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=165519084816782390586444&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allbaidu_landing_v2~default-3-84337256-null-null.142^v14pc_search_result_control_group,157^v14new_3&utm_term=%2F*%23+sourceMappingURL%3Dbootstrap.css.map+*%2F&spm=1018.2226.3001.4187