源映射错误：错误：请求失败，状态为 404 资源 URL

Question

我收到错误：

HTML：

<link rel="stylesheet" href="https://www.domain123.com/wp-content/themes/gogo-theme/css/bootstrap.min.css">

源映射错误：错误：请求失败，状态 404 资源 URL： https: //www.domain123.com/wp-content/themes/gogo-theme/css/bootstrap.min.css 源映射 URL：bootstrap.min.css 。地图

当我将 URL 复制并粘贴到浏览器中时，我可以看到 bootstrap boostrap.min.css 文件。会是错误的原因吗？我如何解决它？

Answer 1

该消息不是致命错误，它只是表明无法找到与 .js 或 .css 资源关联的 sourcemap（.map 文件）（但正在加载 js 或 css 文件）。

例如：在https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js中，最后一行内容为：

//# sourceMappingURL=bootstrap.min.js.map

这表明在https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js.map处有一个关联的源映射文件

浏览器会自动尝试下载此附加文件（这不是必需的，但对于调试或访问缩小代码的源代码很有用）。

因此，只有基本文件 (.css) 可能已上传到站点，但相关的 .css.map 文件并未上传。您可以找到一种方法将该文件包含在站点中或从文件中删除最后一行。