DevTools failed to load SourceMap Could not load content for chrome-extension 解决

简介: DevTools failed to load SourceMap Could not load content for chrome-extension 解决

在写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

如图:

原因,是Chrome浏览器的配置问题(与我们的项目配置无关)。

如何解决?

F12 --> 设置(上图中红框已标出) --> Perferences --> Sources

禁用以下两项即可:

Enable JavaScript source maps.

Enable CSS source maps.

刷新页面,再次查看:

干净的控制台!

相关文章
|
1月前
|
Web App开发 前端开发 JavaScript
控制台出现报错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://的原因及解决方案
46 0
控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案
|
3月前
|
Web App开发 前端开发 JavaScript
超实用的Chrome DevTools调试技巧
超实用的Chrome DevTools调试技巧
|
6月前
|
Web App开发
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?
63 0
|
Web App开发 传感器 JavaScript
20 条 Chrome DevTools 使用建议,盲猜这几个你不知道~
Web 开发,每天都和 Chrome DevTools 打交道,即使是摸鱼冲浪,也会习惯性的 Ctrl+Shift+C 打开控制台看看~ 本篇带来 20 条 Chrome DevTools 使用建议,让你看起来更专业、更 Dope ~(●'◡'●) ~
|
Web App开发 数据采集 缓存
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(下)
今天 Chrome 更新了最新版本 Chrome89,新版本在启动、响应速度上更快,同时 CPU 占用率大幅下降。 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%、载入页面速度快了 7%、CPU 占用减少了 5 倍、可增加额外 1.25 小时续航,内存占用量也优化了。
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(下)
|
Web App开发 前端开发
项目chrome安装react devtools
下载网站地址 Download React Developer Tools 4.24.0 CRX File for Chrome - Crx4Chrome 下载好以后,按照下面的操作 After you download the crx file for React Developer Tools 4.24.0, open Chrome's extensions page (chrome://extensions/ or find by Chrome menu icon > More tools > Extensions), and then drag-and-drop the *.crx f
89 0
项目chrome安装react devtools
|
Web App开发 存储 JSON
Chrome DevTools功能介绍
Chrome DevTools功能介绍
104 0
|
Web App开发 存储 JSON
Chrome DevTools功能介绍
Chrome DevTools功能介绍
108 0
|
Web App开发 JavaScript 前端开发
如何使用Chrome DevTools花式打断点
如何使用Chrome DevTools花式打断点
如何使用Chrome DevTools花式打断点
|
Web App开发 前端开发 JavaScript
你可能不知道的 Chrome Devtools 实用功能
今天来分享 Chrome DevTools 的10个实用调试功能!
244 0