Chrome控制台提示Devtools无法加载source map，是否需处理？

这个问题完全不严重，不需要专门修复，具体说明如下：

问题原因 #

这个提示和你的代码、VSCode开发环境无关，是Chrome浏览器的扩展程序导致的：

• 地址chrome-extension://gighmmpiobklfepjocnamgkkbiglidom对应Adblock Plus广告拦截扩展
• 广告拦截插件会拦截它判定的非必要资源，这里是拦截了该扩展自身的browser-polyfill.js.map文件
• source map的作用是将压缩代码映射回原始源码，方便调试，但这是扩展自身的资源，和你编写的HTML/CSS/JS脚本毫无关联

对你的影响 #

既然你的脚本运行正常，就说明这个提示不会干扰开发工作：

• 既不会破坏代码功能，也不会影响你调试自己的项目代码
• 只是浏览器控制台输出了扩展自身资源加载被拦截的日志而已

可选处理方式（非必须） #

如果看着提示不舒服，可按需操作：

• 将当前开发的本地站点添加到Adblock Plus的白名单，或暂时禁用该扩展
• 在Chrome控制台设置中关闭Enable JavaScript source maps和Enable CSS source maps选项（不推荐，后续调试自身压缩代码时会用到该功能）

内容的提问来源于stack exchange，提问作者Malek Ghanem