Chrome没有请求JS源地图，但Firefox请求

Chrome not requesting JS source map, but Firefox does

本文关键字：请求 Firefox 地图 JS Chrome      更新时间：2023-09-26

我使用webpack构建带有devtool: 'source-map'选项的客户端JS，因此我的JS捆绑包以//# sourceMappingURL=app.bundle.js.map结束。当我打开chrome devtools时，chrome会显示一个"Source Map detected"的横幅，但实际上并没有在导航器中显示原始源。我的服务器访问日志没有显示任何对源映射的请求。

当我用Firefox开发工具打开同一个页面时，它会完全按照预期加载源映射。

所有其他资产加载良好。清除浏览器缓存没有帮助。

有人经历过这种情况吗？这是Chrome漏洞吗？

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

//# sourceMappingURL=sourcefile.js.map
localhost:3000/path/to/your/sourcefile.js.map

作为替代方案，您可以更改构建，使sourcemap内联在js文件中。那么你就不需要从服务器上获取它了。

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI...
相关文章：