在chrome扩展中使用inferno devtools
在chrome扩展中使用inferno devtools
提问于 2017-03-17 05:57:26
我正在开发一个chrome扩展弹出窗口，它使用了inferno。到目前为止，我的inferno组件本身在弹出窗口中渲染得很好，所以inferno本身也在工作。
我在我的依赖项中安装了inferno-devtools。
manifest.json
{
"name": "Workflow",
"manifest_version": 2,
"browser_action": {
"name": "Workflow",
"default_popup": "/index.html"
},
"permissions":["tabs", "storage", "*://example.com/*" ]
}index.html的主体中有<div id="root"></div>和一个用于加载js的<script>标记。
在我的主js文件中，我有以下内容：
import Inferno from 'inferno'
... // other imports
require('inferno-devtools')
// redux store code
Inferno.render(
<Provider store={store}>
<WorkflowApp />
</Provider>,
document.getElementById('root')
)<WorkflowApp />可以是任何连接的inferno功能组件(通过inferno-redux的connect方法)。这在弹出窗口中呈现得很好，并且是任意的，所以我在这里省略它。
我有一个单独的基于React的应用程序，我在React devtools显示良好的地方使用了React devtools，所以它安装得很好，工作也很好。
我需要做些什么才能让它在Chrome扩展中与inferno一起工作？
回答 1
Stack Overflow用户
发布于 2018-06-10 07:30:47
你只需要像这样运行导入的初始化函数：require('inferno-devtools').initDevTools()或者
import { initDevTools } from 'inferno-devtools';
initDevTools();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42845512
复制相关文章
相似问题