在 Chrome 中调试 TypeScript，404 响应

Question

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

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

有人知道问题出在哪里吗？

Answer 1

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

选项 1 - 编辑 web.config

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

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

Source

选项 2 - 配置 IIS

另一种选择是将 IIS 配置为提供 .ts 文件。以下是执行此操作的一些资源：

在 Chrome 中调试 TypeScript，404 响应

Debug TypeScript in Chrome, 404 response

javascript

google-chrome

debugging

typescript