Twitter bootstrap 引导程序正在尝试加载映射文件。如何禁用它?我需要这样做吗?
我最近在玩bootsrap3。我从源代码处编译了它,并将发行版js和css包含到我的项目中。问题是,我在GH开发工具中看到,它试图获取.map.css文件。为何要这样做?如何禁用它?我需要禁用它吗?为了避免在开发工具中出现错误标记,我添加了该映射文件,之后所有样式都以较少的文件中定义的方式显示,这对我没有多大帮助。。映射文件允许浏览器下载缩小的JS的完整版本。这实际上是为了调试目的 实际上,缺少.map不是问题。你只知道它丢失了,因为浏览器已经打开了它的开发工具,检测到了一个缩小的文件,并且只是告诉你JS调试不会像它可能的那样好 这就是为什么像jQuery这样的库也有完整的、缩小的和映射文件Twitter bootstrap 引导程序正在尝试加载映射文件。如何禁用它?我需要这样做吗?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我最近在玩bootsrap3。我从源代码处编译了它,并将发行版js和css包含到我的项目中。问题是,我在GH开发工具中看到,它试图获取.map.css文件。为何要这样做?如何禁用它?我需要禁用它吗?为了避免在开发工具中出现错误标记,我添加了该映射文件,之后所有样式都以较少的文件中定义的方式显示,这对我没有多大帮助。。映射文件允许浏览器下载缩小的JS的完整版本。这实际上是为了调试目的 实际上,缺少.map不是问题。你只知道它丢失了,因为浏览器已经打开了它的开发工具,检测到了一个缩小的文件,并且只是
请参阅本文:从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
find/-name“\*bootstrap\*”
按照以下教程操作:
总结:
下载它们?从哪里来?我假设这些.less文件以某种方式打包在地图文件中。在页面加载时,bootrap从一个包中重新创建这些文件。从它获取.js的同一个目录。请记住,它仅在开发人员工具打开时才打开,而不是作为一个普通请求。感谢您的回复,但我的项目中没有
.less
文件。我只添加了.css
和.js
文件和map
文件。@Raymond:开发工具不理解.min.css之类的文件名-毕竟-我们能保证它是缩小的吗?不它将下载.map以确保两个副本都可用。同样,这是通过开发人员工具实现的。如果关闭“工具”窗口,则不会请求该文件。重申一下,.map文件仅在开发工具打开时被请求和使用,因此如果缺少该文件,当典型用户访问您的页面时,您不会收到任何额外的失败请求。请简要解释您的答案,以使您的答案对OP和其他读者更有用。这是可行的,但如果直接从节点_模块引用引导,当重新安装引导时,这将被覆盖!绝对疯狂。。。只有当你“删除”行(如你所说)时,这才有效。。。注释出来仍然产生了404个错误!很高兴我偶然发现了你的帖子!值得注意的是,如果您将css文件包含在“integrity”属性中,则仅删除注释行将不会加载该文件:“未能在“integrity”属性中找到有效摘要…”。。。资源已被阻止。因此,您必须重新计算“sha”或删除“integrity”属性才能使其工作。下面给出的任何答案是否回答了您的问题?如果没有,您能否更新您的问题,以便我们改进我们的答案?可能重复尝试解释问题以及您的答案如何获得解决方案,它的良好做法允许新用户了解发生了什么。Dower与bower
或类似的东西不起作用,因为在生产模式下,将从源代码安装引导程序。对于任何表示删除行/*#sourceMappingURL=bootstrap.c的答案也是如此