引导程序试图加载地图文件。如何禁用它? 我需要这样做吗？

我最近在玩 bootsrap3。我从源代码中编译了它，并将 distr js 和 css 包含到我的项目中。问题是，我在 GH 开发工具中看到，它试图获得。Css 文件。它为什么要这样做？怎么解除？需要我关掉它吗？为了避免在开发工具中出现错误标记，我添加了这个映射文件，在这个文件之后，所有的样式都按照它们在更少的文件中定义的样式显示，这对我没有多大帮助。

272257 次浏览
小开

. map 文件允许浏览器下载完整版的缩小版 JS。

实际上。地图不见了不是问题。您只知道它不见了，因为浏览器已经打开了其 Developer 工具，检测到一个缩小的文件，并且只是通知您 JS 调试不会像它可能的那样好。

这就是为什么像 jQuery 这样的库也有完整的、缩小的和映射文件的原因。

看看这篇文章 获取. map 文件的完整解释:

小开

从 bootstrap.css中删除代码行 /*# sourceMappingURL=bootstrap.css.map */

小开

从 bootstrap.css 删除 最后一句 /*# sourceMappingURL=bootstrap-theme.css.map */

小开

如果你没有正确的。映射文件，你不想编辑 bootstrap.css 中的行，你可以创建一个虚拟。地图档案。

在我的例子中，我看到了错误:

GET /bootstrap.css.map not found.

因此，我在/public 目录中创建了一个空 bootstrap.css.map，错误停止了。

小开

删除 bootstrap.css 中的最后一行

以下行

/*# sourceMappingURL=bootstrap.css.map */
小开

删除 bootstrap.css中的 /*# sourceMappingURL=bootstrap.css.map */行

如果错误仍然存在，请清除浏览器的缓存(CTRL + F5)。

小开

我在 Google Dev-Tools 中也有警告，我只在 bootstrap.min.css.map 文件夹中添加了 bootstrap.min.css 文件。

我现在没有更多的警告，你可以在这里找到更多的解释: https://github.com/twbs/bootstrap#whats-included

我希望我已经回答了你的问题。

小开

对于我来说，创建了一个空 bootstrap.css.map 和 bootstrap.css，错误就停止了。

小开

好的，最近我遇到了这个问题，我有一个非常简单的解决方法，按照下面的步骤: 进入这些目录 src-> app-> index.html 打开 index.html 并查找 把这个改成 <base href="/">

小开

删除 /* # source MappingURL = bootstrap.min.css.map */ 在 Css/bootstrap.min.css

然后删除 /* # source MappingURL = bootstrap.css.map */ 在 < em > css/bootstrap.css 中

小开

删除这一行可以修复它，但问题是 boostrap 文件位于 bower_components中，并且没有签入源代码管理。

因此，团队中的每一个开发人员都将获得带有映射引用的 css 文件，当他们拉回购并执行 bower install(这是使用新回购的一部分)时。

文件不应该引用不存在的映射。

小开

只有在使用 dev-tools 时才会发生这种情况，普通用户访问生产服务器时不会发生这种情况。

在任何情况下，我发现简单的 在 dev-tools 中禁用此行为是有用的: 打开设置并取消选中“ Enable source map”选项。

将不再尝试访问地图文件。

小开

删除下列文件中的 "/*# sourceMappingURL=bootstrap.min.css.map */ "行:

  • Css/bootstrap.min.css
  • Css/bootstrap.css

要获取 Linux 中的文件路径，请使用命令 find / -name "\*bootstrap\*"

小开

遵循以下教程: 使用 Chrome DevTools 禁用 JavaScript

摘要:

  1. 打开代码检查器(右击)
  2. 按 Control + Shift + P 并搜索“ Disable JavaScript source map”
  3. 对“禁用 CSS 源映射”执行同样的操作
  4. 按 Control + F5清除缓存和重新加载页面。

提交答案