控制台不显示来自源映射的事件源

Question

在 FireFox 中，我加载了具有 Source Map 的 Web 应用程序。 Source Map 似乎已正确加载，因为 Debugger 选项卡显示了原始源文件。 但是，Console 选项卡仅包含指向已编译代码的链接，而不是 Source Map 代码。

1. 是否在 FireFox 控制台中完成了源映射？
2. 我必须启用什么吗？

更新：我也在 chrome 中尝试过，控制台显示了事件的原始位置，但是：仅在启动 chrome 后的第一次并且仅在我首先加载页面然后打开开发人员工具时。 Opera 中的行为完全相同（相同的引擎...）

更新 2： 截至Firefox bug 670002 Web 控制台仍然不支持源映射。 在 chrome 中，如果我直接嵌入源映射而不是使用 URL，源映射会多次工作。

Answer 1

对于 chrome 开发者工具，这个问题已经涵盖了答案： https://bugs.chromium.org/p/chromium/issues/detail?id=633549

在某些情况下，开发者工具会在没有连接的情况下请求源映射文件。它尝试打开一个新连接，但由于 ssl 证书无效而静默失败。

你可能会遇到这种情况，当：

• 您使用 https 服务
• 您没有有效的 ssl 证书（当您只运行一个快速的本地 node.js https 服务器时可能经常发生这种情况）
• 您的 https 服务器会快速或立即关闭连接

尤其是当您的 https 服务器在响应标头中发送 connection:close 时，您可能会遇到这种情况。

最大的问题是，这个请求既没有显示在网络分流器中，也没有显示在控制台中，它只是静默。