javascript - 使用cdnjs时报错 "failed to load resource (map)"

Question

我正在使用来自 CDNJS 的一些文件:

<link
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
  rel="stylesheet"
/>
<link
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
  rel="stylesheet"
  type="text/css"
/> 
[...] 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>

使用此文件时，我在控制台 (safari/MacOS) 中遇到一些错误:

[错误] 加载资源失败:服务器响应状态为 404()(bootstrap.bundle.min.js.map，第 0 行)

[错误] 加载资源失败:服务器响应状态为 404()(bootstrap.min.css.map，第 0 行)

我发现 map 是关于文件的数据(对吗？) 是否可以解决这个问题，还是服务器错误？

Answer 1

您的浏览器调试器会检测最小化的 JavaScript 和 CSS，并自动寻找映射文件以对其进行规范化，因此更易于阅读。映射文件是浏览器“取消最小化”最小化 JavaScript 或 CSS 文件的指令文件，以便在客户端调试更容易，而不会影响性能。

通常得到这个错误不会有任何影响。实际上这个错误只有在调试器打开时才会抛出，因为它是调试器本身造成的。无论如何，一切都会按预期工作。您可以忽略这些错误。

For more information on how this works and how it's used for see "MDN: Use a source map".