DevTools 无法加载 SourceMap 错误:状态代码 404,netERR_HTTP_RESPONSE_CODE_FAILURE

31 篇文章 0 订阅

在这里插入图片描述

DevTools 无法加载 SourceMap: 无法加载 http://****/static/rooted/js/jquery.min.map: 的内容HTTP 错误:状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

原因分析

sourceMap,调试代码,从打包后的代码映射到源码,并在前端使用注释声明。对项目的运行没有影响,对患有强迫症的前端er,难受!

什么是 Source Map

在前端开发过程中,通常我们编写的源代码会经过多重处理(编译、封装、压缩等),最后形成产物代码。于是在浏览器中调试产物代码时,我们往往会发现代码变得面目全非,需要一种在调试时将产物代码显示回源代码的功能,source map 就是实现这一目标的工具。

source-map 的基本原理是,在编译处理的过程中,在生成产物代码的同时生成产物代码中被转换的部分与源代码中相应部分的映射关系表。有了这样一张完整的映射表,我们就可以通过 Chrome 控制台中的"Enable Javascript source map"来实现调试时的显示与定位源代码功能。

解决方案

根据路径找到该文件的地址,然后删除文件最后的注释即可。

(a.jQuery=a.$=n),n});
//# sourceMappingURL=jquery.min.map

删除//# sourceMappingURL=jquery.min.map

lockdatav Done!

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值