如何使用ember-qunit為ember-cli構建的ember應用程序運行測試時，可以使源映射正常工作

Question

我有一個使用ember-cli構建的Ember應用程序，我正在使用ember-qunit測試適配器編寫我的測試，並使用testem按照ember-cli文檔中的說明在瀏覽器中運行它們。 雖然當我對我的應用程序感興趣時，谷歌瀏覽器中的調試工作正常，但在運行測試時我無法使用許多調試功能，如斷點。

我經常遇到一個問題，即我的測試失敗，盡管我的實際應用程序似乎正常工作，並調查我想在測試運行時逐步執行代碼的問題。

但是，當我踏進出現在代碼vendor.js我才剛剛看到我下面的內容vendor.js ：

// Please wait a bit.
// Compiled script is not shown while source map is being loaded!

這兩行是文件的第6行和第7行。 前面的行是空白的，這兩行是文件中的最后一行。 調試器將文件的第一行突出顯示，就好像它是源中的當前位置，但由於某種原因它無法顯示源。

我可以繼續執行代碼，但我看不到任何東西。

但是，如果我在開發人員工具源文件列表中的源列表中找到vendor.js ，那么它將作為單獨的源選項卡打開，我可以看到我的所有代碼。 此時，我有兩個標簽為vendor.js標簽，一個標簽vendor.js我所有的供應商資產，另一個標簽只有上面引用的那些標簽。

我猜測我的測試服務方式和我的應用程序在開發環境中的服務方式之間存在一些不同之處。

我使用以下版本的東西：

ember 1.9.1
ember-data 1.0.0-beta.14.1
ember-cli 0.1.9
qunit 1.17.1
ember-qunit 0.2.0
testem 0.6.33

雖然我已經開了一堆，但我並沒有任何關於問題源於何處的線索。 也許這與testem如何運行測試有關？ 或者它可能是我的測試中包含的東西有一個混亂的源地圖？

我感謝任何幫助或想法。

Answer 1

我正在使用ember-cli 0.2.2。

我也遇到了這個問題，並發現了處理源圖的Chrome 問題 。 評論此問題的人建議立即使用Chrome Canary版本：

我目前正在使用Canary構建來設置斷點並調試我的余燼代碼。

在此處獲取： https ： //www.google.com/chrome/browser/canary.html