javascript - Chrome 不请求 JS 源映射，但 Firefox 请求

Question

我正在使用 webpack 通过 devtool: 'source-map' 选项构建我的客户端 JS，所以我的 JS 包以 //# sourceMappingURL=app.bundle.js 结尾. map 。当我打开 chrome devtools 时，Chrome 会显示“检测到源映射”横幅，但实际上不会在导航器中显示原始源。我的服务器访问日志没有显示对源映射的任何请求。

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

所有其他 Assets 加载正常。清除我的浏览器缓存没有帮助。

有人遇到过吗？这是 Chrome 错误吗？

Answer 1

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

//# sourceMappingURL=sourcefile.js.map

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

作为替代方案，您可以更改构建，以便将 sourcemap 内联到 js 文件中。然后你不需要从服务器获取它。

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