TypeScript源地图文件不适用于Chrome

我正在尝试在Chrome中使用TypeScript源代码调试,但我遇到了两个特定的问题,也许是相关的问题。

首先是由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/C:/source/web/MySourceFile.ts

那么,就这两个问题而言,Chrome或TypeScript源地图功能是否做错了? 推荐的方法是什么?

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


这是Web Essentials 1.8.5版(目前可从Visual Studio Gallery获得的版本)的一个问题。 最新的夜间版本(写作时http://madskristensen.net/custom/webessentials2012.vsix)修正了问题并正确生成了地图链接。

链接地址: http://www.djcxy.com/p/11483.html

上一篇: TypeScript source map files don't work with Chrome

下一篇: how to reduce array and return index?