学无先后,达者为师

网站首页 编程语言 正文

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

作者:embelfe_segge 更新时间: 2022-02-19 编程语言

在这里插入图片描述

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!

原文链接:https://blog.csdn.net/embelfe_segge/article/details/123121085

栏目分类
最近更新