无法在 Firefox 中调试 Typescript（源）文件答案

【问题标题】：Unable to debug Typescript (source) files in Firefox无法在 Firefox 中调试 Typescript（源）文件
【发布时间】：2016-10-25 14:54:12
【问题描述】：

好的，我使用 5 Min QUICKSTART 创建了一个基本的 Angular 2 Typescript 项目，它已经启动并运行。

我的 typescript transpiller 配置为创建源映射：

tsconfig.js

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  }
}

现在我可以在 Chrome 中看到 *.ts 文件，并且也可以毫无问题地调试它们。但是 Firefox（和 FireFox 开发者版）根本不显示 .ts 文件，即使在调试器选项中选中了“显示原始源”。 p>

【问题讨论】：

我在 FF (47.0) 中看到它们，但在 Chrome (51.0.2704.103) 中没有看到它们

标签： javascript firefox typescript firefox-developer-tools firefox-developer-edition

【解决方案1】：

如果您在编译的 js 文件中指定带有完整路径的源映射，它将适用于 Firefox：

//# sourceMappingURL=http://localhost:3000/app/app.component.js.map

像 Firefox 这样的接缝无法使用相对路径。

注意：Chrome 无法使用完整路径

【讨论】：

【解决方案2】：

嗨，Saurabh Palatkar，请按照以下链接进行操作。它可能有助于满足您的需求。 http://www.gamefromscratch.com/post/2014/05/27/TypeScript-debugging-in-Visual-Studio-with-IE-Chrome-and-Firefox-using-Source-Maps.aspx

【讨论】：

【解决方案3】：

您需要将此注释行添加到您的源代码中

//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map

也许尝试添加：

"typeCheck": true,

【讨论】：