我使用webpack使用devtool: 'source-map'
选项构建我的客户端JS,因此我的JS包以//# sourceMappingURL=app.bundle.js.map
结尾。当我打开chrome devtools时,Chrome会显示一个" Source Map"横幅但实际上并未显示导航器中的原始源。我的服务器访问日志不会显示对源地图的任何请求。
当我使用Firefox开发工具打开同一页面时,它会按预期完全加载源地图。
所有其他资产加载正常。清除我的浏览器缓存并没有帮助。
有没有人经历过这个?这是Chrome的错误吗?
答案 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...