Google chrome extension 开发Chrome扩展时，Chrome React开发工具不会'；我没有出现

我正在调试我的chrome扩展弹出页面，并在uri中打开它： 铬-extension://keekhfjbmbpmlgpfljclblgbjchoencn/popup.html

此页面正在使用reactjs，但未显示ReactDevTools。

---

这是设计的吗

React-Dev工具需要在页面中插入内容脚本来检查React组件。为此，他们在清单中声明了将任何url与允许的方案相匹配的模式，这些模式（来自文档）：

http、https、文件、ftp

---

换句话说：React Developer工具不能在扩展页中运行。

您可以使用React Developer工具，但必须使用才能在浏览器扩展中工作（因为CSP限制）。在控制台中运行此命令

$ npm install -g react-devtools

并将其添加到manifest.json中

"content_security_policy": "connect-src ws://localhost:8097"

现在运行

react devtools

别忘了重新加载扩展名

附加说明
如果您不想全局安装

react devtools

，您可以运行

npm安装--从项目中保存dev react devtools

，然后添加到

package.json

"scripts": {
   "react-devtools": "react-devtools"
}

---

然后运行

npm运行react devtools

非常确定chrome扩展无法在其他扩展的页面上运行。devtools仍然显示

等待react连接…

。似乎您必须以某种方式在扩展中加载其脚本，但将其添加到

content\u scripts[*]的开头。js

errors with

无法为content script加载javascript。“

使用Chrome安装时。看起来您有另一个问题。请用最少的重复性示例提问一个新问题。我是通过直接导入

react devtools

实现的。