使用 cdnjs 时出现“加载资源（地图）失败”错误答案

【问题标题】：Error "failed to load resource (map)" when using cdnjs使用 cdnjs 时出现“加载资源（地图）失败”错误
【发布时间】：2020-10-26 20:38:40
【问题描述】：

我正在使用来自 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, line 0)

[错误] 加载资源失败：服务器响应状态为 404 () (bootstrap.min.css.map, line 0)

我发现地图是有关文件的数据（对吗？）是否可以解决此问题还是服务器错误？

【问题讨论】：

标签： javascript html css cdn

【解决方案1】：

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

通常出现此错误不会产生任何影响。实际上，仅当调试器打开时才会引发此错误，因为调试器本身会导致该错误。无论如何，一切都会按预期工作。您可以忽略这些错误。

有关其工作原理以及如何用于see "MDN: Use a source map" 的更多信息。

【讨论】：