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 (将#修改为@)