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'。如果你或者你認識的人看到我的方式錯誤，我會非常感謝任何關於這個主題的啓發。