google-chrome - TypeScript 源映射文件不适用于 Chrome

Question

我正在尝试让 TypeScript 源代码调试在 Chrome 中工作，但我遇到了两个具体且可能相关的问题。

首先是 TypeScript/WebEssentials 编译器生成的注释应该标识源映射文件的位置，如下所示:

//sourceMappingUrl=MySourceFile.js.map

但 Chrome 不会读取该文件。似乎期望评论看起来像这样:

//@sourceMappingUrl=MySourceFile.js.map

如果我手动更改评论，并刷新我的页面，那么对所有 .ts 文件的引用会神奇地显示为 Chrome 开发者工具中的源。

然而，这导致了我的第二个问题，因为文件实际上并没有被加载。 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(非常正确)不会提供任何类似于 http://localhost/的 URL C:/source/web/MySourceFile.ts.

那么，关于这两个问题，是 Chrome 还是 TypeScript source-map 功能做错了？推荐的方法是什么？

我使用的是 Chrome 25.0.1323.1 dev-m，以及 TypeScript 0.8.1 和 WebEssentials 1.8.5。

Answer 1

这是 Web Essentials 1.8.5 版的问题(当前可从 Visual Studio Gallery 获得的版本)。最新的夜间构建(在撰写本文时 http://madskristensen.net/custom/webessentials2012.vsix)修复了该问题并正确生成了 map 链接。