Chrome没有请求JS源地图,但Firefox确实如此

Question

我正在使用webpack来构建我的客户端JS devtool: 'source-map',因此我的JS包结束了//# sourceMappingURL=app.bundle.js.map.当我打开chrome devtools时,Chrome会显示"检测到源地图"横幅,但实际上并未在导航器中显示原始来源.我的服务器访问日志不显示对源映射的任何请求.

当我使用Firefox开发工具打开同一页面时,它会按预期完全加载源地图.

所有其他资产加载正常.清除浏览器缓存无济于事.

有没有人经历过这个？这是Chrome错误吗？

Answer 1

我已经仔细检查过，Google Chrome v53无论响应状态 200 或 404 是什么，它都不会记录任何与源映射相关的请求（网络选项卡/控制台）。这意味着您需要确保您的网络服务器正确提供文件服务。为此，您可以简单地在浏览器中打开 sourcemap url，例如

//# sourceMappingURL=sourcefile.js.map

localhost:3000/path/to/your/sourcefile.js.map

作为替代方案，您可以更改构建，以便将源映射内联到 js 文件中。那么你就不需要从服务器获取它。

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI...