“源映射错误：TypeError：尝试获取资源时出现 NetworkError。”在本地页面上

Posted 2023-03-05

【中文标题】“源映射错误：TypeError：尝试获取资源时出现 NetworkError。”在本地页面上

【英文标题】："Source map error: TypeError: NetworkError when attempting to fetch resource." on LOCAL page

【发布时间】：2018-07-13 08:42:07

【问题描述】：

我有一个 html 表单，我想使用 Bootstrap 样式对其进行格式化。只有样式，没有 javascript（还）。我在本地运行它，而不是在任何服务器上，因为它还不需要服务器。有问题的页面已经有一些我自己写的广泛的样式，在一个单独的样式表中。

我在 HTML 中加入了一些 Bootstrap 样式，然后在 HTML 页面中包含了 bootstrap.min.css 样式表的链接。结果？ Bootstrap 样式不会加载——除此之外，我自己的一些样式（在 Bootstrap 样式表之前加载）停止工作。当我禁用到 Bootstrap.min.css 的链接时，我自己的样式再次起作用。

当启用 Bootstrap.min.css 的链接时，我收到此错误：

源映射错误：类型错误：尝试获取时出现网络错误 资源。资源网址：file:///[local-path]/bootstrap.min.css 来源 地图网址：bootstrap.min.css.map

如何解决此错误？当我包含 bootstrap.min.css 时，如何让我自己的样式正常工作？

【问题讨论】：

你有没有尝试在加载引导 css 后放置你的 css ？

我尝试了你的建议，阿伦。不幸的是，我看到的并没有什么不同。

您能否查看***.com/help/mcve 并尝试举一个您所面临问题的工作示例？

我找到了“源映射错误”的答案：我的 css 文件夹中没有源映射文件。但是，当我没有在受影响的标签中引用任何 Bootstrap 样式时，我还没有弄清楚为什么 Bootstrap.css 搞砸了我的样式。

【参考方案1】：

当bootstrap.min.css.map 与bootstrap.min.css 不在同一个文件夹中时，似乎会发生该错误。

尝试将 .map 文件包含在同一文件夹中。