reactjs - Chrome 扩展程序：使用其他扩展程序的权限

Question

我正在使用 React 开发 chrome 扩展。我想在开发模式下使用 React devtools，但它不会出现。我尝试添加chrome://extensions/权限，但这不是有效的。我是否缺少启用此功能的东西？此外，一旦添加到中间件中，Redux 开发工具就会出现。

Answer 1

要在浏览器扩展中使用 react-devtools ，您应该使用 react-devtools 的独立版本。在您的控制台中运行。

$ npm install --g react-devtools

添加到你 manifest.json

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

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

PS
如果你不想react-devtools全局安装你可以运行npm install --save-dev react-devtools然后添加到package.json

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

并运行npm run react-devtools