google-chrome-extension - 开发 Chrome 扩展时，Chrome React Devtools 不显示

Question

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

此页面使用reactjs，但react devtools未显示。是设计使然吗？

Answer 1

您可以使用 React Dev Tools，但必须使用 standalone version在浏览器扩展中工作(由于 CSP 限制)。在控制台中运行它

$ npm install -g react-devtools

并将其添加到您的manifest.json

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

现在运行react-devtools
不要忘记重新加载您的扩展。

附注
如果您不想全局安装 react-devtools ，您可以从项目中运行 npm install --save-dev react-devtools ，然后添加到 package .json

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

并运行npm run react-devtools