Edge DevTools部分源映射文件源码为空的原因排查求助

排查与修复步骤 #

• 清除Edge及DevTools缓存
  1. 打开Edge设置，进入「隐私、搜索和服务」，选择「清除浏览数据」，勾选「缓存的图像和文件」「Cookie和其他网站数据」，时间范围选「过去1小时」后执行清除。
  2. 打开DevTools按F1进入设置，拉到「常规」标签底部，点击「清除DevTools缓存」，重启DevTools后再检查。
• 验证Rollup构建配置
  确认rollup.config.js中sourcemap配置为true，且没有针对特定文件的sourcemap排除规则。删除dist目录后重新执行npm run build，确保生成的source map文件是最新且完整的。
• 禁用DevTools实验性功能
  打开DevTools设置的「实验」标签，暂时关闭所有实验性选项，重启DevTools后测试。部分新功能可能和Svelte项目的source map存在兼容性问题。
• 检查Edge版本兼容性
  如果使用的是Edge Dev/Beta版，切换到稳定版测试；如果是稳定版，确保已更新到最新版本。旧版本可能存在source map解析的bug。
• 手动关联Source Map
  在Sources面板找到对应的bundle.js，右键选择「添加源映射」，手动指定bundle.js.map的路径；或者找到未显示内容的原始文件，手动绑定到对应的bundle代码块。

注：由于Chrome DevTools可正常工作，说明你的source map文件本身是有效的，问题集中在Edge DevTools的本地缓存、配置或版本适配层面。

内容的提问来源于stack exchange，提问作者Paul W