Google chrome 显示空白类型脚本文件的Chrome

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

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

我在ChromeDevTools中有启用JSSourceMaps的选项

在生成的app.js文件的底部，我看到：

//# sourceMappingURL=app.js.map

并且该文件存在

我在“网络”窗格中看不到正在下载的源地图，当我在“源”窗格中打开.ts文件时，我只看到一个空白文件

---

有什么想法吗？谢谢

我知道发生了什么事。我需要在IIS或我的web.config中为扩展名

.ts

添加mime映射。因此，浏览器请求输入脚本文件，但没有返回任何内容，因此显示为空。

将此文件放在web.config中以提供TS文件：

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

...
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”。
我遇到了类似的问题，最后发现我列出了一个源URL

//# sourceURL=CommonLib.js

在我的Ts脚本的底部，这导致映射和Ts文件的文件夹不同。
将MIME添加到
web.config：
或IIS。
如果它在
localhost
上工作，但在发布到任何环境后显示为空白，则可能是因为未包含
.ts
-文件

要在
Debug
publish中包含
.ts
-文件，请在web
.csproj
的底部添加此文件，其他
尝试删除.js和.js.map文件，重新生成javascript代码，然后再次尝试运行。有时地图文件会被破坏。这太完美了。感谢关于默认ts映射的详细信息，这解释了为什么它在Chrome“开箱即用”中对我有效，而另一个开发人员必须将mimeMap添加到我们的web.config文件中。我在IIS中已经有了一个“.ts”mime类型的条目，但其他开发人员没有。
<Target Name="AddTsToContent" AfterTargets="CompileTypeScript" Condition="'$(BuildingProject)' != 'false'">
   <ItemGroup>
      <Content Include="@(TypeScriptCompile)" Condition="'$(Configuration)'=='Debug'"/>
   </ItemGroup>
</Target>