源地圖不能在Angular2的單元測試中工作

Question

我正在開發由angular-cli 1.0.0-beta.18生成的Angular2項目。

一般來說，模板已經很成功了。但是，當我嘗試調試單元測試（在Chrome中）時，代碼無法理解。

我要做的就是：Executed 36 of 36...

我：

1. 我通過運行ng test
2. 一個谷歌Chrome瀏覽器中打開
3. 我可以在測試已運行控制檯確認開始測試現在要調試測試，所以我點擊Chrome中的DEBUG按鈕，這會打開一個新選項卡。
4. 在該選項卡中，我打開了開發人員工具。
5. 我現在可以使用Ctrl-P查找和查看文件。該代碼對於規範是可讀的。
6. 然而，當我打開實現代碼，我得到以下

它看起來像文件已經過壓縮，或通過代碼覆蓋工具轉化。考慮到__coverage__部分，後者似乎更有可能。源地圖顯然不起作用。

如何製作源地圖？

我試圖修改karma.conf.js文件以刪除對代碼覆蓋率報告（即伊斯坦布爾）的所有引用，請參見下文。但這在行爲上沒有任何區別：

module.exports = function (config) { 
    config.set({ 
    basePath: '', 
    frameworks: ['jasmine', 'angular-cli'], 
    plugins: [ 
     require('karma-jasmine'), 
     require('karma-chrome-launcher'), 
     require('angular-cli/plugins/karma') 
    ], 
    files: [ 
     { pattern: './src/test.ts', watched: false } 
    ], 
    preprocessors: { 
     './src/test.ts': ['angular-cli'] 
    }, 
    angularCli: { 
     config: './angular-cli.json', 
     environment: 'dev' 
    }, 
    reporters: ['progress'], 
    port: 9876, 
    colors: true, 
    logLevel: config.LOG_INFO, 
    autoWatch: true, 
    browsers: ['Chrome'], 
    singleRun: false 
    }); 
}; 

Answer 1

這實際上是一個known issue。它已在angular-cli 1.0.0-beta.19-3中修復。具體來說是this fix。