Chrome显示空白的TypeScript文件

Question

我正在visual studio 2013中设置一个新的TypeScript项目.

我可以在我的VS项目上选择生成源映射.我可以选择为typescript文件指定根目录,并为未选中的源映射文件指定根目录.

我可以选择Chrome Dev工具来检查JS源图.

在我生成的app.js文件的底部,我看到:

//# sourceMappingURL=app.js.map

那个文件存在.

我没有看到在网络窗格中下载源映射,当我在源窗格中打开.ts文件时,我只看到一个空白文件.

有任何想法吗？谢谢!

Answer 1

将其放在web.config中以提供TS文件:

<configuration>
    ...
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".ts" mimeType="application/x-typescript" />
        </staticContent>
    </system.webServer>
</configuration>

Answer 2

Cordle的回答对我有用,但我还需要删除.ts的现有MIME地图.

    ...
    <system.webServer>
        <staticContent>
            <remove fileExtension=".ts" />
            <mimeMap fileExtension=".ts" mimeType="application/x-typescript" />
        </staticContent>
    </system.webServer>
</configuration>

.ts文件的默认MIME映射是"video/vnd.dlna.mpeg-tts".