微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

SourceMap HTTP 标头不适用于 Chrome 开发工具

如何解决SourceMap HTTP 标头不适用于 Chrome 开发工具

我有一个项目正在 pre 和 pro 环境中部署。

我们的开发人员要求在 PRE 环境中有源映射,为了能够在环境之间推广代码,而无需重新构建,我们选择在 PRE 中使用源映射,而不是在 PRO 中部署它们。

我们使用 rollup 构建代码,为了避免在生产环境中出现大量控制台警告,我们选择在 hidden生成源映射,并在响应中添加 SourceMap Header在 PRE 中从我们的网络服务器捆绑了 JS,在 PRO 中没有它

在本地测试期间,我能够在 Firefox 中看到源映射,因此如果我请求 https://example.com/test.js,它的响应标头带有 Sourcemap: test.js.map,Firefox 会正确获取它并且我可以看到我的源开发工具中的代码

问题出现在谷歌浏览器中。如果我有带有 sourceMap 注释 sourceMappingURL=...代码,它可以正常工作,但是带有 SourceMap 标头的代码什么也不做,我在开发工具中看不到源代码,并且在控制台中也没有任何日志.

如果我在开发工具中的捆绑文件中右键单击,然后选择“添加源映射”,我可以设置源映射的远程 url 并且它可以工作,但我想让标题工作。是否有任何要求、错误或我遗漏的东西导致了这种行为?任何人都可以提供任何提示

谢谢!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。