Vite中build.sourcemap设为hidden时Chrome/Firefox无法加载源码映射
这不是Vite的Bug,是hidden类型sourcemap的设计逻辑导致的,具体原因如下:
- 当设置
sourcemap: true时,Vite会在每个构建后的JS文件末尾添加//# sourceMappingURL=xxx.js.map注释。浏览器正是通过这个注释定位到对应的map文件,自动完成源码映射的加载与解析。 sourcemap: 'hidden'的核心设计就是不向浏览器暴露源码映射的位置,因此不会生成上述注释。浏览器没有这个指引,即便map文件存在且可访问,也不会主动去查找和加载它——这完全符合该配置项的预期行为。
额外验证:你可以在浏览器开发者工具中手动指定对应map文件的完整路径,此时浏览器能正常解析源码映射,这也能证明map文件本身是有效的,只是缺少自动加载的触发条件。
如果你的需求是生成map文件但不让浏览器自动加载(比如仅用于后端错误监控服务),那hidden配置完全符合预期;如果你的目标是让浏览器能加载映射但又隐藏注释,那hidden并不适配你的场景,需要考虑其他方案(比如构建后手动移除注释,但这违背了hidden配置的设计初衷)。
内容的提问来源于stack exchange,提问作者ConfuedProblemSolver
相关产品推荐
相关产品推荐

