错误信息“DevTools failed to load SourceMap: Could not load content for chrome-extension://…”

我试图显示从本地机器选择的图像，我需要该图像的位置用于JavaScript函数。但我查不到地址。

为了获得图像位置，我尝试使用console.log，但没有返回任何结果。

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,net::ERR_UNKNOWN_URL_SCHEME

当前回答

对我来说，这些警告是由Selenium IDE Chrome扩展引起的。这些警告出现在控制台中每次页面加载:

DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/atoms.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/polyfills.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/escape.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/playback.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/record.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

由于Selenium IDE已经设置为能够读取所有站点上的站点数据，所以我卸载了它。(我在这里读到另一个评论，你可以尝试为一个扩展启用更多权限，而不是删除它。)在我的情况下，删除硒IDE (Chrome扩展)摆脱了警告。

2022-01-29 21:30:45

其他回答

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

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

然后，查找Sources，并禁用这些选项:

“启用JavaScript源映射” “启用CSS源映射”

如果你这么做，警告就会消失。这与你的代码无关。检查其他页面中的开发人员工具，您将看到相同的警告。

2020-04-26 15:02:54

对我来说，这些警告是由Selenium IDE Chrome扩展引起的。这些警告出现在控制台中每次页面加载:

DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/atoms.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/polyfills.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/escape.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/playback.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/record.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

2022-01-29 21:30:45

include.prepload.js文件将有如下一行，可能是最后一行:

# sourceMappingURL=include.prepload.js.map

删除它，错误就会消失。

2020-08-25 12:32:41

你只是丢失了文件。

访问https://www.cdnpkg.com/网站。下载你需要的文件并复制到正确的文件夹。

2022-01-17 12:36:33

我也有同样的问题。我试图一个接一个地禁用扩展来检查它，最后意识到我启用了Adblock，这导致了这个问题。为了消除这个错误，我执行下面的步骤，

三个点(右上角)。单击更多工具—>扩展。禁用广告拦截。重新加载页面。

现在应该可以了。

2022-12-04 20:14:47