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

Google chrome开发人员控制台中一直报此错误。(虽然只是一个警告,但是体验还是非常不好)
在这里插入图片描述

先说解决方案:
第一种:

在Google chrome浏览器调试工具中,设置该调试工具,点开之后选择Settings
在这里插入图片描述

关闭此选项
在这里插入图片描述

虽然这种方式是隐藏错误的好答案,但它并不能使错误消失,只是您无法在控制器中看到它。另一种方法是下载缺少的地图文件(说完之后会简单讨论一下原理)。
第二种:

有一个文件引用不存在的源映射文件,就如我第一个图中警告指向的是wangEditor.min.js.map文件
在这里插入图片描述

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

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值