Google chrome extension 我可以在chrome扩展中启用sourcemaps吗？

我正在做一些测试开发，并使用Svelte和ParcelJS创建了一个Chrome扩展，希望在Chrome开发工具中看到sourcemaps。但是，当查看任何页面时，我只能看到捆绑的代码。请查看此错误：

DevTools未能加载SourceMap:无法加载chrome的内容-extension://debafkiakedogoflaalmbbfbbccnfbib/Background/index.js.map: HTTP错误：状态代码404，net:：ERR\u未知\u URL\u方案

似乎加载器不喜欢

chrome扩展名

url方案。我已经尝试添加'dist'作为覆盖目录，但是无论加载什么sourcemaps，似乎都会忽略它 并且仍然使用“chrome扩展”方案

我可以通过手动将url更改为另一个架构（文件：//url）或在dist目录中运行简单的http服务器并使用

http://

url:

//# sourceMappingURL=file:///c:/git/svelte-extension/dist//Background/index.js.map`
//# sourceMappingURL=http://localhost:8080/Background/index.js.map`

---

有没有办法让chrome覆盖目录或让parcel创建这些URL？

在开发过程中尝试使用内联源地图。Chrome不会加载Chrome扩展名sourcemap文件，但内联sourcemaps可以工作

背景 Chrome总是以静默方式无法从

Chrome扩展名：//

URL方案加载sourcemap文件。开始报告

DevTools未能加载SourceMap

错误

这种情况可能很快就会改变，因为情况确实如此。一些安全问题阻碍了这一点，所以请祈祷

以下是两个相关的Chromium bug：

---

FWIW我正在使用

数据：应用程序/json

网页中的URL，源URL显示为

webpack://....

打包内联源代码映射，但它们应该完全跳过这个问题。关于在扩展中内联源代码映射的注意事项：它解决了chrome无法加载外部源代码映射的问题，但我的包变得更大了。当我的一个js包超过4MB时，我不得不切换回外部的。Mozilla插件不允许这样做，因为它们的自动代码审查无法处理它。我在使用webpack时遇到了类似的问题。我想查看我的原始代码以进行调试，但无法查看，因为Chrome无法读取源代码映射。从

devtool:“源代码映射”

转到

devtool:“内联源代码映射”

为我解决了这个问题。