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

dhb*_*lah 104 twitter-bootstrap twitter-bootstrap-3

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

小智 137

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

  • 请简要解释您的答案,以使您的答案对OP和其他读者更有用. (30认同)
  • 这可行,但如果直接从node_modules引用bootstrap,则在重新安装bootstrap时,将覆盖此引导程序 (7认同)
  • 哇!绝对疯狂……这仅在您“删除”该行(如您所说)时才有效……注释掉仍然会产生 404 错误!很高兴我偶然发现了你的帖子! (3认同)
  • 值得注意的是,如果您在 css 文件中包含了“integrity”属性,则仅删除指定的行将根本无法加载该文件:“无法在“integrity”属性中找到有效的摘要...资源已被阻止.' 因此,您必须重新计算“sha”或删除“integrity”属性才能使其正常工作。 (2认同)

Dom*_*icz 93

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

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

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

有关.map文件的完整说明,请参阅此文章:

  • 重申一下,.map文件仅在dev工具打开时才被请求和使用,因此如果缺少,则在典型用户转到您的页面时,您不会收到任何额外的失败请求. (3认同)

小智 22

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

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

  • 两年后还是同样的答案? (8认同)
  • 您不得编辑第三方文件 (7认同)
  • 给出别人几年前已经给出的相同答案有什么意义呢?/sf/answers/1673661881/ (2认同)

Sai*_*war 14

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


小智 8

删除 bootstrap.css 中的最后一行

以下行

/*# sourceMappingURL=bootstrap.css.map */ 
Run Code Online (Sandbox Code Playgroud)


小智 8

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

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

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


Ser*_*rez 6

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

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


Sho*_*alt 6

这仅在使用开发工具时发生,而对于访问生产服务器的普通用户则不会发生。

无论如何,我发现仅在dev-tools中禁用此行为很有用:打开设置并取消选中“启用源映射”选项。

不再尝试访问地图文件。


Jul*_*ann 5

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

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

GET /bootstrap.css.map not found.
Run Code Online (Sandbox Code Playgroud)

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