在 Chrome 中调试 TypeScript，404 响应答案

【问题标题】：Debug TypeScript in Chrome, 404 response在 Chrome 中调试 TypeScript，404 响应
【发布时间】：2015-02-04 12:24:28
【问题描述】：

我正在将我的 .TS 编译为 JavaScript 并生成源映射。但是，我无法调试实际文件。我有 X 个 .TS 文件，它们编译成带有正确源映射的 CombinedTypescript.js。

但是，当我尝试在 Chrome 调试器中访问我的 .TS 文件时，它只会给我一个 404 响应。这些文件存在于“Sources”中，但我无法访问它们或在 CombinedTypescript.js 中设置断点并逐步浏览我的文件。

有人知道问题可能是什么吗？

【问题讨论】：

您在使用 IIS 吗？你可能必须add .ts as an mime type（或this）
@DavidSherret 我会将其发布为答案
@basarat 我不想回答他们使用 IIS 的假设，但是这很可能是问题所在。
谢谢！是的，这是缺少的 Mime 类型，多么简单的修复。

标签： javascript google-chrome debugging typescript

【解决方案1】：

您遇到的问题很可能是 IIS 未配置为提供 .ts 文件。您需要将 .ts 添加为 MIME 类型。

选项 1 - 编辑 web.config

我建议进行此更改，以便您的项目将提供.ts 文件，而不管环境如何。为此，请在web.config 下的configuration > system.webServer > staticContent 下添加mimeMap 标签，如下所示：

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

Source

选项 2 - 配置 IIS

另一种选择是将 IIS 配置为提供 .ts 文件。以下是一些相关资源：

【讨论】：

您似乎在这里了解更多，如果您无法获取 ts ，该网站将如何工作.....示例我想查看显示为 ts 的按钮上的事件背后的内容。但它首先是如何工作的。示例 github 试图在按钮上查看源代码，它链接到 github.githubassets.com/assets/app/assets/modules/github/…，大小必须从某个地方获取代码......但我无法查看它。