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

Posted 2023-03-07

【中文标题】控制台不显示来自源映射的事件源

【英文标题】：Console does not show event source from source map

【发布时间】：2016-08-29 13:18:50

【问题描述】：

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

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

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

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

【问题讨论】：

How do I set Firefox Dev Tools to respect source maps in the console?的可能重复

【参考方案1】：

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

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

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

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

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

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

【讨论】：

感谢您结束了一个下午，我想知道为什么我的浏览器同步应用程序只会加载一次源地图（又名github.com/BrowserSync/browser-sync/issues/639）！ connection:close 位是正确的。

嗯……我花了半年的时间才发现……（当然期间我也做了其他事情）