Bootstrap试图加载地图文件。如何禁用它?我需要这样做吗?

时间:2014-02-14 07:37:06

标签: twitter-bootstrap twitter-bootstrap-3

我最近在玩bootsrap3。我从源代码编译它,并将distr js和css包含在我的项目中。问题是,我在GH开发工具中看到,它正在尝试获取.map.css文件。为什么要这样做?如何禁用它?我需要禁用它吗?为了不在开发工具中添加错误标记,我添加了该映射文件,之后所有样式都显示为在较少文件中定义,这对我没有多大帮助。

14 个答案:

答案 0 :(得分:130)

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

删除行bootstrap.css

答案 1 :(得分:88)

.map文件允许浏览器下载缩小JS的完整版本。它实际上是出于调试目的。

实际上,.map丢失不是问题。你只知道它丢失了,因为浏览器打开了它的Developer工具,检测到了一个缩小的文件,只是告诉你JS调试不会那么好。

这就是像jQuery这样的库也有完整,缩小和地图文件的原因。

请参阅此文for a full explanation of .map files

答案 2 :(得分:21)

删除/*# sourceMappingURL=bootstrap.css.map */

中的行bootstrap.css

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

答案 3 :(得分:5)

如果您没有正确的.map文件,并且您不想在bootstrap.css中编辑行,则可以创建一个虚拟.map文件。

就我而言,我看到了错误:

GET /bootstrap.css.map not found.

所以我在/ public目录中创建了一个空的bootstrap.css.map并且错误停止了。

答案 4 :(得分:4)

只有当您使用开发工具时才会发生这种情况,并且对于访问生产服务器的普通用户来说不会发生这种情况。

无论如何,我发现在工具中禁用此行为很有用:打开设置并取消选中"启用源地图"选项。

将会尝试访问地图文件。

答案 5 :(得分:4)

在以下文件中删除行"/*# sourceMappingURL=bootstrap.min.css.map */ "

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

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

答案 6 :(得分:2)

按照该教程进行操作: Disable JavaScript With Chrome DevTools

总结:

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

答案 7 :(得分:1)

我在Google Dev-Tools中也发出了警告,我在bootstrap.min.css所在的文件夹中只添加了bootstrap.min.css.map文件。

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

我希望,我回答了你的问题。

答案 8 :(得分:1)

删除 / *#sourceMappingURL = bootstrap.min.css.map * / 在 css / bootstrap.min.css

并删除 / *#sourceMappingURL = bootstrap.css.map * / 在 css / bootstrap.css

答案 9 :(得分:0)

来自bootstrap.css删除删除最后一行/ *#sourceMappingURL = bootstrap-theme.css.map * /

答案 10 :(得分:0)

删除bootstrap.css中的最后一行

林继续说 / *#sourceMappingURL = bootstrap.css.map * /

答案 11 :(得分:0)

对我来说,与bootstrap.css一起创建了一个空的bootstrap.css.map并且错误已经停止。

答案 12 :(得分:0)

好的最近我遇到了这个问题我有解决这个问题的非常简单的解决方案,请按照下列步骤操作: 转到这些目录src-&gt; APP-&GT; index.html 打开index.html并查找   <base href="your app name ">将其更改为<base href="/">

答案 13 :(得分:0)

删除此行会修复它,但问题是boostrap文件位于bower_components而未检入源代码管理中。

因此,团队中的每个开发人员在获取repo时都会获取带有地图引用的css文件并执行bower install(这是使用新repo的一部分)。

该文件不应该引用不存在的地图。