Chrome でソース マップを有効にした TypeScript コードを Chrome でデバッグしてみました。ただし、ネットワーク タブに表示されるように、ソースマップ ファイルはロードされません。
VS2012 と最新の Web Essentials パッケージを使用しています。
次に何をすべきか?
Chrome でソース マップを有効にした TypeScript コードを Chrome でデバッグしてみました。ただし、ネットワーク タブに表示されるように、ソースマップ ファイルはロードされません。
VS2012 と最新の Web Essentials パッケージを使用しています。
次に何をすべきか?
VS 2012 内でデバッグする場合は、VS 内にブレークポイントを設定し、デバッグ時に Internet Explorer を使用するだけです。
ソースマップを使用して Chrome でデバッグする場合は、次のことを確認してください。
1.) それらは Chrome で有効になっています (そして、あなたはそうしましたと言いました)
2.) それらは IDE によって生成されます。
Web Essentials
アドオンを使用して生成を有効にすることができます(詳細については、上記の記事を確認してください)。
また
プロジェクト ファイルのビルド ステップを手動で編集する: https://stackoverflow.com/a/12730715/750216
アップデート:
少なくとも VS Express 2012 for Web ソースマップはデフォルトで自動的に生成されるようです - 設定は必要ありません。
ネットワーク タブにソースマップ ファイルは表示されません。[ソース] タブに移動すると、左側のソースのリストに typescript ファイルが表示されます。そこから、ブレークポイントを設定できます。