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

时间:2016-04-29 03:46:59

标签: javascript firefox google-chrome-devtools webpack source-maps

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

//# sourceMappingURL=sourcefile.js.map

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

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

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