2

私はangular-cli 1.0.0-beta.18で生成されたAngular2プロジェクトを開発しています。Angles2のユニットテストではソースマップが動作しません

一般に、テンプレートは非常にうまく機能しています。しかし、(Chromeで)単体テストをデバッグしようとすると、そのコードは分かりません。

私は何をすることです:

  1. 私はGoogle Chromeブラウザは、私がテストを実行しているコンソールで確認することができ
  2. を開きng test
  3. を実行して、テストを開始します。Executed 36 of 36...
  4. 私はテストをデバッグしたいので、ChromeのDEBUGボタンをクリックして新しいタブを開きます。
  5. このタブでは、開発者用ツールを開きます。
  6. Ctrl-Pを使用してファイルを検索して表示できるようになりました。このコードは、の仕様のために読むことができます。
  7. 私は実装コードを開いたときしかし、私は、ファイルがコードカバレッジツールによって縮小さ、または形質転換されているように見え、次の

enter image description here

を取得します。後者は__coverage__の部分を考えれば可能性が高いようです。ソースマップは明らかに有効ではありません。

ソースマップを動作させるにはどうすればよいですか?

私は、コード・カバレッジ・レポート(すなわち、イスタンブール)へのすべての参照を削除するためにkarma.conf.jsファイルをmodififying試してみましたが、下記を参照してください。しかし、これは振る舞いに違いがありません。

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 
    }); 
}; 

答えて

関連する問題