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(非常正确)不会提供任何看起来像的URL http://localhost/C:/source/web/MySourceFile.ts.

那么,关于这两个问题,Chrome或TypeScript源映射功能是错误的吗？这样做的推荐方法是什么？

我使用的是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）修复了该问题并正确生成地图链接。