当前位置: 首页 > 知识库问答 >
问题:

错误消息“DevTools未能加载SourceMap:无法加载chrome的内容-extension://..."

蔡理
2023-03-14

我试图显示从本地机器中选择的图像,我需要该图像的位置用于JavaScript函数,但无法获得图像的位置。

console.log(document.getElementById("uploadPreview"));

以下是HTML代码:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>

<body>
  <div align="center" style="padding-top: 50px">
    <img align="center" id="uploadPreview" style="width: 100px; height: 100px;" />
  </div>

  <div align="center" style="padding-left: 30px">
    <input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />
  </div>

  <script type="text/javascript">
    function PreviewImage() {
      var oFReader = new FileReader();
      oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

      oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src = oFREvent.target.result;
        console.log(document.getElementById("uploadPreview").src);

      };
    }
  </script>

</body>
</html>

控制台输出:

警告如下:

DevTools未能加载SourceMap:无法加载chrome-扩展名的内容://alplpnakfeabeiebipdmaenpmbgknjce/include.preload.js.map: HTTP错误:状态代码404,::ERR_UNKNOWN_URL_SCHEME

共有3个答案

孟浩然
2023-03-14

其中包括。预装。js文件将有一行如下所示,可能是最后一行:

include.prepload.js.map代码

删除它,错误就会消失。

敖永丰
2023-03-14

转到开发人员工具→ 设置→ 安慰→ 勾选“仅限选定上下文”。警告将被隐藏。你可以通过解开同一个盒子再次看到它们。

“仅选择上下文”仅指顶部、iframe、辅助角色和扩展上下文。绝大多数时候,这就是你所需要的。

索曾琪
2023-03-14

这是因为Chrome添加了对源地图的支持。

转到开发人员工具(F12,在浏览器中),然后选择右上角的三个点,然后转到设置。

然后,寻找来源,并禁用选项:

  • 启用JavaScript源地图
  • 启用CSS源映射

如果你这样做,就可以消除警告。它与您的代码无关。检查其他页面中的开发人员工具,您将看到相同的警告。

 类似资料:
  • 上下文 对于我的许多js文件,我没有源代码映射。当使用devols控制台时,它会污染警告。我不想把所有的警告,但那些对我真的没有用 问题 如何抑制Chrome DevTools警告:“DevTools未能加载SourceMap:无法加载…”的内容?

  • 我正在创建一个电子应用程序与反应js,构建解决方案后"npm运行构建",然后打开桌面应用程序,它显示什么只是一个白色的页面。

  • 我的传单地图没有显示,尽管我显然设置了所有的留档。我在控制台得到的唯一消息是: DevTools未能加载SourceMap:无法加载chrome的内容-extension://fmkadmapgofadopljbjfkapdkoienihi/build/injectGlobalHook.js.map:HTTP错误:状态代码404,net::ERR\u未知\u URL\u方案 我的组件符合文档要求:

  • 谷歌浏览器正在添加一个后缀。映射到我的应用程序的那些URL,我在呈现主干UI时遇到问题 我看到控制台错误: DevTools未能加载源地图:无法加载内容.../stest-Content/js/第三方/骨干/backbone.marionette.min.js.map:HTTP错误:状态代码404,::ERR_HTTP_RESPONSE_CODE_FAILURE' DevTools未能加载Sour

  • 问题内容: 当我尝试使用Terminal中的命令使用python创建虚拟环境时,出现以下错误: 我不是第一个遇到类似错误的人-我尝试遵循此答案的建议并运行: 那没有帮助。也没有以超级用户身份运行commmand。 接下来我应该调查什么? 问题答案: 我有完全相同的错误消息。Continuum Analytics支持小组的Ray Donnelly提供了以下解决方案,为我解决了这个问题: 当您pip安

  • 我刚开始在一个。NET 4.6项目中使用gulp,在task runner Explorer中发现错误“未能加载”。我的gulpfile是: 而错误是: