将 React 组件注入页面和热重载的 Chrome 扩展程序 - 结合两个样板项目 目标我在哪里我想问你的问题

问题描述

目标

创建一个 chrome 扩展,将 React 组件作为弹出窗口注入页面。扩展需要热重载。

我在哪里

我发现了两个让我非常接近的 git 存储库。 One repo 是样板,它允许我热重新加载扩展。 The other 是样板,允许我将弹出窗口注入任何标签

这两个 repos 也有我跟着的这两个教程:

我认为将两者结合起来会很容易,但无论我走哪条路,我都陷入了死胡同。我也将我的版本上传到了 github,并在每个自述文件中包含了有关我尝试过的内容的更多详细信息。您可以下载它们并按照自述文件或教程中的说明复制我的错误

我怀疑我的问题来自使用不同版本的弹出 CRA 或 webpack 的两个存储库。我注意到构建脚本以不同的方式输出内容脚本/文件夹。我不知道如何改变这一点。

如果我可以像在 reactextensioninject 中那样让构建脚本在 chrome-ext-hot-reload 存储库中输出内容脚本,那么我认为一切都会正常。

或者,如果我可以让一个热重载插件reactextensioninject 中工作,那么它也应该没问题。

我想问你的问题

  1. 我是开发 chrome 扩展程序的新手。做我认为非常简单的事情似乎非常困难。我在这里采取了错误方法吗?你知道更好的方法吗?
  2. 能否请您查看一下回购协议,并告诉我我是否可以做些什么来解决这个问题?我已经坚持了一天多了。

非常感谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)