解决:DevTools failed to load SourceMap:... net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题

在Google chrome开发人员控制台中一直报此错误。(虽然只是一个警告,但是体验还是非常不好)
解决:DevTools failed to load SourceMap:... net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题_第1张图片
先说解决方案:
第一种:

  1. 在Google chrome浏览器调试工具中,设置该调试工具,点开之后选择Settings
    解决:DevTools failed to load SourceMap:... net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题_第2张图片
  2. 关闭此选项
    解决:DevTools failed to load SourceMap:... net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题_第3张图片
    虽然这种方式是隐藏错误的好答案,但它并不能使错误消失,只是您无法在控制器中看到它。另一种方法是下载缺少的地图文件(说完之后会简单讨论一下原理)。

第二种:

  1. 有一个文件引用不存在的源映射文件,就如我第一个图中警告指向的是wangEditor.min.js.map文件
    在这里插入图片描述
    我只需要去官网下载一份该文件即可,然后放到同级目录,我就是如此解决的。(如果还没有解决的话尝试清一下缓存试试,或者留言讨论。)

但是?这到底是什么意思呢?
简单来说,我们使用的文件都是经过压缩之后的,因为体积小,加载速度快,比如jQuery在压缩之前有200多k,压缩之后可能只有它的1/3或者更少(只是大致比喻一下),然后问题就来了,压缩之后所有的名字都改了,空行换行也都删了,如果使用报错了,我们该怎么解决呢?
所以这个SourceMap就是帮我们改变这个问题的,引用一个源映射文件来帮我们快速定位到错误(笔者也没遇到过错误-_-||),当没有这个映射文件的而你又开启 引用源映射文件 的时候肯定就会报错了。

你可能感兴趣的:(DevTools,SourceMap)