Twitter bootstrap 引导程序正在尝试加载映射文件。如何禁用它?我需要这样做吗?

Twitter bootstrap 引导程序正在尝试加载映射文件。如何禁用它?我需要这样做吗?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我最近在玩bootsrap3。我从源代码处编译了它,并将发行版js和css包含到我的项目中。问题是,我在GH开发工具中看到,它试图获取.map.css文件。为何要这样做?如何禁用它?我需要禁用它吗?为了避免在开发工具中出现错误标记,我添加了该映射文件,之后所有样式都以较少的文件中定义的方式显示,这对我没有多大帮助。。映射文件允许浏览器下载缩小的JS的完整版本。这实际上是为了调试目的 实际上,缺少.map不是问题。你只知道它丢失了,因为浏览器已经打开了它的开发工具,检测到了一个缩小的文件,并且只是

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

。映射文件允许浏览器下载缩小的JS的完整版本。这实际上是为了调试目的

实际上,缺少.map不是问题。你只知道它丢失了,因为浏览器已经打开了它的开发工具,检测到了一个缩小的文件,并且只是告诉你JS调试不会像它可能的那样好

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


请参阅本文:

从bootstrap.css中删除行
/*.\sourceMappingURL=bootstrap.css.map*/
,如果没有正确的.map文件并且不想编辑bootstrap.css中的行,请删除最后一行
/*.\sourceMappingURL=bootstrap-theme.css.map*/
您可以创建一个伪.map文件

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

GET /bootstrap.css.map not found.

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

删除bootstrap.css中的最后一行

跟随线

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


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

我在Google开发工具中也有警告,并且我在bootstrap.min.css所在的同一文件夹中只添加了bootstrap.min.css.map文件

我现在没有更多警告,您可以在此处找到更多解释:


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

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

好的,最近我遇到了这个问题,我有非常简单的解决方案来解决这个问题,请按照以下步骤操作: 转到这些目录src->app->index.html打开index.html并查找
将此更改为
删除 /*#sourceMappingURL=bootstrap.min.css.map*/ 在css/bootstrap.min.css中

和删除 /*#sourceMappingURL=bootstrap.css.map*/
在css/bootstrap.css中,删除这一行可以修复它,但问题是boostrap文件位于
bower\u组件中,并且没有签入源代码管理

因此,团队中的每个开发人员在拉取repo并执行
bower安装
(这是使用新repo的一部分)时,都将获得带有map引用的css文件


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

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

在任何情况下,我发现在开发工具中禁用此行为非常有用:打开设置并取消选中“启用源代码映射”选项

将不再尝试访问映射文件。

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

  • css/bootstrap.min.css
  • css/bootstrap.css
要在Linux中获取文件路径,请使用命令
find/-name“\*bootstrap\*”

按照以下教程操作:

总结:

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

  • 下载它们?从哪里来?我假设这些.less文件以某种方式打包在地图文件中。在页面加载时,bootrap从一个包中重新创建这些文件。从它获取.js的同一个目录。请记住,它仅在开发人员工具打开时才打开,而不是作为一个普通请求。感谢您的回复,但我的项目中没有
    .less
    文件。我只添加了
    .css
    .js
    文件和
    map
    文件。@Raymond:开发工具不理解.min.css之类的文件名-毕竟-我们能保证它是缩小的吗?不它将下载.map以确保两个副本都可用。同样,这是通过开发人员工具实现的。如果关闭“工具”窗口,则不会请求该文件。重申一下,.map文件仅在开发工具打开时被请求和使用,因此如果缺少该文件,当典型用户访问您的页面时,您不会收到任何额外的失败请求。请简要解释您的答案,以使您的答案对OP和其他读者更有用。这是可行的,但如果直接从节点_模块引用引导,当重新安装引导时,这将被覆盖!绝对疯狂。。。只有当你“删除”行(如你所说)时,这才有效。。。注释出来仍然产生了404个错误!很高兴我偶然发现了你的帖子!值得注意的是,如果您将css文件包含在“integrity”属性中,则仅删除注释行将不会加载该文件:“未能在“integrity”属性中找到有效摘要…”。。。资源已被阻止。因此,您必须重新计算“sha”或删除“integrity”属性才能使其工作。下面给出的任何答案是否回答了您的问题?如果没有,您能否更新您的问题,以便我们改进我们的答案?可能重复尝试解释问题以及您的答案如何获得解决方案,它的良好做法允许新用户了解发生了什么。Dower与
    bower
    或类似的东西不起作用,因为在生产模式下,将从源代码安装引导程序。对于任何表示删除行
    /*#sourceMappingURL=bootstrap.c的答案也是如此