reactjs - 使用 Typescript 调试在 ReactJS 中开发的 chrome 扩展

我正在使用带有 TypeScript 的 ReactJs 开发 chrome 扩展。

这就是我用于扩展的打字稿代码的方式。现在我正在构建此代码并使用 webpack 像这样创建源映射

现在将扩展加载到 chrome 浏览器。单击插件图标时，它会弹出。我检查这些弹出窗口是否存在调试问题。所以它向我展示了这样

所以这里缺少源。

这些是开发者工具的设置。

在这里你可以看到我没有附加源的选项。

没有源无法调试问题。在普通的 React 应用程序中，我可以轻松识别 .ts 文件，将调试指针放在那里并开始调试，但在扩展情况下，我无法做到这一点。非常需要这个解决方案，任何人都可以帮我解决这个问题。谢谢你。

标签： reactjstypescriptgoogle-chromegoogle-chrome-extensiongoogle-chrome-devtools