irpas技术客

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

大大的周 2389

写在前面

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

确切来说也不是个问题,对我项目本身没有什么实质性的影响,但看着就是不爽,请教了一下前端的同学,这个 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构建,终端输入命令vue ui打开图形界面,按图修改配置(在生产环境启动soureMap) 重新build npm run build 和启动一下项目 npm run serve。(因为害怕和不确定,所以都试一下,除了耽误时间,没啥不好)

意料之中——失败

再试一次

删除node_modulesnpm cache clean --forcenpm installnpm run serve 2. 根据路径找到该文件的地址,然后删除文件最后的注释,如下:XXX

某个百度答案

理所当然——不行

我连这个文件都找不到,所以才是404啊

3. 观察 ‘HTTP 错误: 状态代码 404 ’ ,关闭https

因为我启用了https 访问的是https://localhost, 所以我想是不是这个问题。关闭尝试,果然不是。

4. 配副眼镜,多吃核桃

错误提示

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

这个目录访问有问题,前面写的是extension(扩展)。 一个名字叫ejbalbakoplchlghecdalmeeeajnimhm这个的扩展404 not found。 然后换个浏览器打开看一下 唉 这个错误没有了 所以在当前(edge)浏览器打开扩展中心检查一下 我把所有的扩展都关了。果然没有错误了。。。。。。。 好吧 配副眼睛,多吃核桃


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #devtools #无法加载 #的内容HTTP #错误 #状态代码 #404