DevTools 无法加载 SourceMap:XXXX.map 的内容HTTP 错误 状态代码 404,netERR_UNKNOWN_URL_SCHEM

当遇到DevTools加载SourceMap出现'HTTP 错误 404'时,本文详细介绍了排查过程,包括检查vuecli配置、查找并修改文件、关闭HTTPS以及关闭浏览器扩展。最终发现是特定浏览器扩展导致的问题,关闭相关扩展后问题解决。
摘要由CSDN通过智能技术生成

写在前面

又想骂人了,百度了一圈,各种不同的网站,对于该问题的解决办法的前几句都是

确切来说也不是个问题,对我项目本身没有什么实质性的影响,但看着就是不爽,请教了一下前端的同学,这个 sourceMap 是方便调试的东西,从打包后的代码映射到源码,并在前端使用注释声明

气的人直接吐血。不可否认禁用javascript 源映射,确实可以解决报错这个问题。但是说对项目没有影响,实在是大错特错。像我这种习惯了使用console 调试程序的人,没有这个功能还真是要死。
按照自己的理解说一下,这个功能的作用吧,就是你可以快速找到你console输出文件的位置,如果关闭了这个功能,你能找到的位置就呵呵。
在这里插入图片描述

问题描述

项目通过vuecli构建

DevTools 无法加载 SourceMap: 无法加载chrome- extension://ejbalbakoplchlghecdalmeeeajnimhm/sourcemaps/disable-console.js.map 的内容:HTTP 错误: 状态代码 404,net::ERR_UNKNOWN_URL_SCHEME

解决思路

1. 是否是vuecli配置的问题?

项目通过vuecli构建,终端输入命令<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值