DevTools无法加载源映射(ERR_BLOCKED_BY_CLIENT)，求解决以正常运行浏览器JS

这个错误并非你的代码问题，根源是Chrome扩展（ID为fheoggkfdfchfphceeifdbepaooicaho）的源映射文件被客户端拦截，以下是几种解决方式：

快速隐藏错误（不影响代码运行） #

• 打开DevTools，点击右上角的设置图标（⚙️）
• 切换到Sources标签，取消勾选Enable JavaScript source maps（若有CSS相关错误也可取消Enable CSS source maps）
• 刷新页面后，控制台将不再显示该加载错误

彻底排查拦截源 #

• 定位拦截扩展：暂时禁用所有Chrome扩展，刷新页面观察错误是否消失，再逐个重新启用，找出触发拦截的扩展（多为广告拦截、隐私保护类工具，比如uBlock Origin、AdBlock）
• 添加白名单规则：针对拦截扩展，进入其设置页面，将chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/*添加到白名单，允许该扩展的源映射文件加载
• 修复或移除问题扩展：如果是该扩展自身异常，尝试更新扩展至最新版本，或者卸载重装；若该扩展非必需，直接禁用即可

注：该错误不会干扰你自己的JS代码正常运行，仅影响DevTools加载第三方扩展的源映射文件，若追求快速解决，隐藏源映射加载选项即可。

内容的提问来源于stack exchange，提问作者Ashn Soul