DevTools 加载源映射失败：无法加载 GitHub 的内容。HTTP 错误：状态码 404。

Question

我制作了一份电子商务网页。代码看起来没问题，但当我在本地主机和GitHub上部署时出现以下错误：

DevTools无法加载源映射：无法加载https://andrealb88.github.io/rewards-store-andrea-lopez-bravo/static/js/main.51faf61f.chunk.js.map的内容：HTTP错误：状态码404，net :: ERR_HTTP_RESPONSE_CODE_FAILURE

我是新手，想知道需要在DevTools中修复此错误。我是否需要安装某些软件来消除HTTP错误？谢谢！

- Andrea Lopez Bravo

---

这个回答解决了你的问题吗？如何抑制Chrome DevTools警告：“DevTools无法加载SourceMap：无法加载内容...” - Randy Casburn

我尝试了这个（启用JS和CSS源映射），但仍然是同样的404错误。我无法正确地查看页面，也无法看到错误的图像。 - Andrea Lopez Bravo

Answer 1

这个警告可能无需过于担心。如果你不想看到它，可以禁用它：错误信息“DevTools failed to load SourceMap: Could not load content for chrome-extension：//...”

- f1ben

---

是的，但我无法看到网站，只有错误404的图片。 - Andrea Lopez Bravo

Answer 2

我也遇到了这个问题。[这里][1] 我找到了以下内容：

...使用完整链接 https://cdn.jsdelivr.net/npm/hls.js@0.11.0/dist/hls.min.js 源映射就会正确加载。

这一定是npm包中的一个bug。 [1]: https://github.com/jsdelivr/jsdelivr/issues/18084

- Szektor