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

Google chrome extension 开发Chrome扩展时,Chrome React开发工具不会';我没有出现,google-chrome-extension,reactjs,Google Chrome Extension,Reactjs,我正在调试我的chrome扩展弹出页面,并在uri中打开它: 铬-extension://keekhfjbmbpmlgpfljclblgbjchoencn/popup.html 此页面正在使用reactjs,但未显示ReactDevTools。 这是设计的吗 React-Dev工具需要在页面中插入内容脚本来检查React组件。为此,他们在清单中声明了将任何url与允许的方案相匹配的模式,这些模式(来自文档): http、https、文件、ftp 换句话说:React Developer工具不能

我正在调试我的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
实现的。