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

写在前面

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

确切来说也不是个问题，对我项目本身没有什么实质性的影响，但看着就是不爽，请教了一下前端的同学，这个 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。（因为害怕和不确定，所以都试一下，除了耽误时间，没啥不好）

意料之中——失败

再试一次

1. 删除node_modules
2. npm cache clean --force
3. npm install
4. npm 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）浏览器打开扩展中心检查一下
我把所有的扩展都关了。果然没有错误了。。。。。。。
好吧 配副眼睛，多吃核桃