控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案

最新推荐文章于 2024-05-04 10:10:47 发布
最新推荐文章于 2024-05-04 10:10:47 发布
阅读量2.4w 收藏 11
点赞数 13
分类专栏： 项目中碰到的一些bug和特殊情况 文章标签： chrome 前端
Edited by Boale_H （博哥的二进制世界）
本文链接：https://blog.csdn.net/Boale_H/article/details/118390708
版权

控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案

在调试前端项目的时候，谷歌浏览器控制台报错DevTools failed to load source map: Could not load content for chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

这段报错的意思是dev工具未能成功加载source map（文件映射）。这里的报错实际上和项目本身的代码没有任何关系，而是因chrome中迅雷扩展工具的开启导致的，但并不影响正常运行，有强迫症的朋友可以考虑在chrome扩展程序中将该工具禁用即可
在这里插入图片描述
在这里插入图片描述

Boale_H
关注
  • 13
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
devtools-to-video:从 Chrome DevTools JSON 跟踪文件中的屏幕截图帧输出视频文件
07-24
开发工具到视频 从 Chrome DevTools JSON 跟踪文件中的屏幕截图帧输出视频文件。 来自工具的示例视频输出： 安装 npm i @justinribeiro/devtools-to-video # or yarn global add @justinribeiro/devtools-to-video 安装后，使用-h运行命令以查看使用信息： ➜ devtools-to-video -h DEVTOOLS-TO-VIDEO Output a video file from screenshot frames within a Chrome DevTools JSON trace file. Usage: ` devtools-to-video [options ...] ` Global Options -i, --input string Fi
解决DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: code 404 问题
热门推荐
LYFlied的博客
03-09 5万+
问题 DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 项目开发完之后，在用Chrome浏览器调试的时候发现控制台有两条警告，如图所示： 分析 这里抛出DevTools failed to load SourceMap警告的原因是： 项目引用的第三方的JavaScript工具是压缩后的版本，
【HarmonyOS NEXT】API 10的App在Mate60 Pro上运行出现crash
Mayism123的博客
02-18 516
具体报错信息为：RSPropertiesPainter::DrawLinearGradientBlurFilter para invalid。API10的App在Mate60 Pro上运行，进入首页后，等待2-3s出现crash。API10 / Mate60 Pro / crash / 崩溃。排查解决以下错误，解决后再看是否还出现crash。
Could not load the following font :pdfFontName : STSong-Light问题
weixin_33895604的博客
11-13 480
这两天主要研究了一下jasperreport 结合webwork生成报表，在研究过程中遇到了一些问题，其中的一个问题就是生成的PDF报表后中其中的中文数据不能够正常显示，这主要的原因是因为在ireport制作报表时设置的问题。 必须设置报表上各显示对象的相关属性,各属性设置说明如下: Font name:宋体 (中文字体) ...
DevTools failed to load source map: Could not load content for http://localhost:8080/static/js/zh_cn
qq_41144591的博客
06-06 5671
记录http://localhost:8080/static/js/zh_cn的警告解决
vue 打包后出现"Vue DevTools failed to load SourceMap: Could not load content : net::ERR_FILE_NOT_FOUND"错误
andy5520的博客
03-06 4万+
报错如上图 本地开发环境没问题 首页路由第一次加载没问题 第二次就会出现404 1.解决办法 修改config中的index.js中 assetsPublicPath:"./" 2. 修改router/index.js中的mode注释掉 ...
DevTools failed to load source map: Could not load content for http://localhost:8000/css/bootstrap.m
weixin_45832482的博客
12-22 3万+
DevTools failed to load source map: Could not load content for http://localhost:8000/css/bootstrap.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE 我遇到的警告提示是这样的： 原因是：dev工具未能成功加载出映射源，无法加载内容，重点在for后面的部分。谷歌插件的映射未能成功加载。 解决方法： 打开控制台
DevTools failed to load SourceMap Could not load content for chrome-extension 解决
m0_54849873的博客
03-31 7728
在写React应用，配置了开发环境下启用sourceMap(以方便调试)。 然后控制台报警告信息： DevTools failed to load SourceMap: Could not load content for chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 如图： 原因，是Ch
控制台警报：DevTools failed to load SourceMap
weixin_49985592的博客
03-03 4万+
在调试项目的时候，控制台报错: 这段报错的意思是dev工具未能成功加载source map（文件映射）。这里的报错实际上和项目本身的代码没有任何关系，而是因chrome中迅雷扩展工具的开启导致的，但并不影响正常运行，可以考虑在chrome扩展程序中将该工具禁用即可 虽然这种方式是隐藏错误的好办法，但它并不能使错误消失，只是无法在控制器中看到。还有一种方法是下载缺少的地图文件 有一个文件引用不存在的源映射文件，就如我第一个图中警告指向的是wangEditor.min.js.map文件， 只需要去官网下载
DevTools failed to load SourceMap: Could not load content for
sinat_32017511的博客
03-04 5307
DevTools failed to load SourceMap: Could not load content for chrome-extension://blcpnegikhnpjlonhinfbecemgneaejn/dist/jquery.min.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 最近发现我谷歌浏览器 的 DevTools 插件报了这样一个警告（既然找到这里了，一般来说是强迫症了吧，毕竟这个警...
DevTools failed to load SourceMap: Could not load content for... 如何关闭这个控制台警告？
forHalo的博客
06-08 1618
DevTools failed to load SourceMap: Could not load content for… 如何关闭这个控制台警告？ 我遇到的警告是这样的： DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: stat
WebVR-Extension:Chrome DevTools扩展程序可模拟WebVR API
03-06
WebVR API扩展Chrome DevTools扩展程序，使用户和开发人员无需具有受支持的HMD耳机甚至兼容的浏览器/平台即可运行WebVR 1.0内容。 当前，它模拟HTC Vive。 通过执行需要打开和关闭HMD的重复操作，可以更容易地通过...
chrome-protocol-proxy：Chrome DevTools协议代理-用于调试目的的智能代理
02-01
Chrome协议代理 chrome-protocol-proxy是小型的反向代理，旨在与。 它捕获所有发送给Chrome的命令和从Chrome接收的事件，将请求与响应合并，从解压缩消息，并提供易于阅读的彩色输出。 该工具是的分支（受其启发）。...
chrome-devtools-theme-atom-dark-green-cursor:实验性的Chrome DevTools主题
05-17
转到chrome：// flags /＃enable-devtools-experiments 找到并启用“启用开发人员工具实验”。 选择页面底部的“立即重新启动”（警告：这将重新启动Chrome）。 打开DevTools>设置 选择实验标签，然后选中“允许...
很棒的chrome-extension-boilerplate：使用react +打字稿+ webpack增强您的chrome扩展开发经验
01-30
很棒的Chrome扩展样板 一个超棒的基于React＆TypeScript＆webpack的chrome扩展开发模板 :sparkles:特性 :fire:支持修改content scripts代码自动重载扩展和刷新注入了content scripts的页面，再也不用修改了content...
# 谷歌 Chrome 浏览器无法安装插件的解决方法
段子手168的博客
04-29 911
# 谷歌 Chrome 浏览器无法安装插件的解决方法
screen命令
最新发布
m0_74096786的博客
05-04 409
1.ctrl+a+shift+| 左右分屏。ctrl+a等效于vim中的：，然后输入d即可。screen -d可以选择想折叠的页面，ctrl+a+d只能折叠当前打开的页面。2.screen -d <页面号>2.ctrl+a+S 上下分屏。screen -r <屏幕号>
【Linux】进程终止
加油，考上985的研究生
05-01 996
进程终止是进程控制里面的一个重要的知识，通过这一篇博客，我们可以学习到进程终止的概念，进程终止的三种情况，进程终止的退出码和退出信号，最后在来学习进程是如何进行终止的。
devtools failed to load source map: could not load content for chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: system error: net::err_blocked_by_client
06-28
### 回答1： devtools无法加载源映射：无法加载chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map的内容：系统错误：net :: err_blocked_by_client。 ### 回答2： 这个错误提示意味着开发者工具无法加载源映射文件，因为它无法加载chrome扩展程序中的文件。具体地说，映射文件的路径是chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map，但是网络错误导致该文件被客户端阻止。 解决这个问题的方法很简单。首先要保证你的Chrome浏览器是最新的版本。然后你需要做的是禁用浏览器扩展程序的干扰。扩展程序往往会干涉浏览器的标准操作，如加载、阻止网站等。因此，禁用扩展程序有助于避免冲突和错误。 只需按照以下步骤完成： 1.打开Chrome浏览器，输入“Chrome://extensions/”进入扩展程序管理页面。 2.在该页面中，你会看到所有已安装的扩展程序列表。找到你想禁用的扩展程序，并点击“停用”或“移除”按钮来取消其干扰行为。 3.重启Chrome浏览器，再次打开开发者工具，你会发现现在映射文件已经可以被加载了，而且不会再出现“devtools failed to load source map”错误提示。 总之，这个问题的主要原因是浏览器扩展程序的干扰，而针对这个问题禁用这些扩展应该就能解决问题了。 ### 回答3： Devtools无法加载源映射的错误表示在使用Chrome浏览器中的Devtools工具时，出现了无法加载映射文件的问题。具体原因是在加载Chrome扩展程序的js文件时出现了系统错误：net :: err_blocked_by_client。这个错误通常是由于安全软件或网络防火墙的设置导致的。这些安全软件和网络防火墙会阻止浏览器从互联网上下载某些文件，因此导致DevTools工具无法加载源映射文件。解决该问题的方法有以下几种： 1.关闭安全软件和网络防火墙：在DevTools工具出现错误时，可以尝试关闭计算机上运行的所有安全软件和网络防火墙，然后重新启动浏览器进行测试。如果前述问题成功解决，那么这个错误就是由于安全软件和网络防火墙导致的。 2.检查浏览器扩展程序：在DevTools工具出现错误时，需要检查Chrome浏览器的扩展程序设置。确保在安装扩展程序时没有出现错误，并且相关的扩展程序已按照正确的方式运行，如果问题仍然存在，则可以尝试卸载和重新安装扩展程序。 3.清除浏览器缓存：清除浏览器的缓存有助于删除某些在加载源映射文件时导致错误的临时文件。在Chrome浏览器中，可以通过菜单栏中的“设置” > “更多工具” > “清除浏览数据”来清除缓存。 总之，当上述的解决方法尝试完成后，如果Devtools仍无法加载源映射，则建议检查网络连接和计算机设置，以寻找可能的缺陷。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值