无法在Firefox

Question

好的，我使用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文件，即使在＆＃34;显示原始资源＆＃34; 中已选中调试器选项。

Answer 1

如果你要在编译的js文件中指定带有完整路径的sourcemap，它将适用于Firefox：

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

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

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

Answer 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

Answer 3

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

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

也许尝试添加：

"typeCheck": true,