TypeScriptソースのデバッグをChromeで機能させようとしていますが、2つの特定の問題とおそらく関連する問題が発生しています。
1つ目は、ソースマップファイルの場所を特定することになっているTypeScript/WebEssentialsコンパイラによって生成されたコメントは次のようになります。
//sourceMappingUrl=MySourceFile.js.map
ただし、Chromeはそのファイルを読み取りません。コメントは次のようになります。
//@ sourceMappingUrl=MySourceFile.js.map
コメントを手動で変更してページを更新すると、魔法のようにすべての.tsファイルへの参照がChromeデベロッパーツールにソースとして表示されます。
ただし、ファイルが実際に読み込まれないため、2番目の問題が発生します。Chromeがダウンロードしようとしている.tsソースファイルはですhttp://localhost/MySourceFile.ts
が、実際にダウンロードしようとしているのは。ですhttp://localhost/C:/source/web/MySourceFile.ts
。MySourceFile.js.mapの開始属性は次のようになっているため、この種の意味はあります。
{"version":3,"file":"tmp1523.tmp","sources":["C:/source/web/MySourceFile.ts"
ただし、ソースマップの場所が完全に相対的であると解釈されるため、Chromeでは明らかに機能しません。IISは(非常に正しく)のようなURLを提供しませんhttp://localhost/C:/source/web/MySourceFile.ts
。
それで、これらの2つの問題に関して、それを間違っているのはChromeまたはTypeScriptソースマップ機能ですか?そして、これを行うための推奨される方法は何ですか?
私はChrome25.0.1323.1dev-mを使用しており、TypeScript0.8.1とWebEssentials1.8.5を使用しています。