Firebug 不显示我的 JavaScript 文件

Question

我正在 VS2012 中使用 AngularJS en typescript 构建 Web 应用程序。这些 TypeScript 文件都被编译成 JavaScript 文件并使用 Bundles 发送给客户端（所有选项都关闭，因此我将单独发送所有文件）。

在 Firebug HTML 视图中我可以看到我所有的 JavaScript 文件，但在脚本选项卡中，只有我的 TypeScript 文件可见。我是否缺少此处显示我的 JavaScript 文件的配置？我可以添加一个 mime 类型来为 TypeScript 文件提供服务，但是我失去了调试能力。

Answer 1

最可能的原因：您正在使用 Source Maps。

当您使用源映射时，浏览器能够显示与转译的 JavaScript 代码相关的源代码。

您可以打开和关闭源映射，因为它是一个编译器设置。

tsc --sourceMap app.ts

更新

我已经测试过了，肯定是源地图。

如果您更新编译器设置（或 Visual Studio 项目中的 TypeScript -> Debugging -> Source Maps 设置）并删除 .map 文件，您将看到 JavaScript 在 Firefox 中。

这取决于您的个人喜好 - 查看实际来源可能会有用。