7

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を使用しています。

4

1 に答える 1

3

これは、 Web Essentialsのバージョン1.8.5 (現在Visual Studio Galleryから入手できるバージョン)の問題です。最新のナイトリービルド(執筆時点ではhttp://madskristensen.net/custom/webessentials2012.vsix)で問題が修正され、マップリンケージが正しく生成されます。

于 2012-11-26T17:53:03.213 に答える