Chrome devtools没有显示较少的文件

Question

我真的能够实际开始使用实际上开始实际上更少，但是对于最后一个障碍：我无法获得在Chrome开发人员工具中显示的较少文件。我得有我的开发工具。

我使用Codekit来编译少到CSS和生成源映射，这两个CK似乎在做。当我节省更少的更改时，Chrome甚至可以自动刷新。但是在检查器中只引用了一个css文件，并且这是主编译的bootstrap.css文件。

在某一点我看到检查员中的文件越少，但不再。我不知道他们何时停止表演或为什么，但我似乎无法让他们回来。我尝试在Chrome中启用实验性开发人员功能，而不是骰子。我确信Codekit在CSS文件夹中生成一个源映射文件，是的。我甚至打开了地图文件，但立即关闭它。基本上，我无法做出正面或反面的大量单行文本。没有帮助。

我看到有一种将较少文件夹添加到Chrome工作区的方法，但是从我可以告诉的这将需要我更改整个文件夹结构，将较少的文件夹移动到网站的根文件夹中会产生级联效应，我必须重新映射Codekit中的文件源和目的地（对于初学者），我想避免这种情况（特别是如果它不起作用）。

我意识到这里没有具体的信息，但我不知道我还能提供什么。我希望有一个关键的步骤，我错过了，但两个小时的谷歌搜索继续取得同样的结果。任何人有任何建议？

Answer 1

好吧，看起来我已经解决了这个问题，但仍然不知道是什么导致它开始。

当Codekit生成源映射，它也应该在目标CSS文件的底部要追加的行：

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

我发现这个在一个文件中缺少一行我相信在这个混乱的过程中，我错误地将它定位在早期。我将它复制并粘贴到bootstrap.css（由于某种原因，它不存在）的底部，以及在开发工具中较少的文件。现在，如果我知道我做了什么才能让它首先消失......你知道，所以我不再这样做。这里是hopin'。如果你或者你认识的人看到我的方式错误，我会非常感谢任何关于这个主题的启发。