redux devtools在扩展devtools选项卡中不显示状态

时间:2017-12-06 18:57:04

标签: reactjs google-chrome google-chrome-extension redux

我正在使用react和redux编写chrome扩展。该扩展程序在chrome devtools中拥有自己的标签。如果我尝试调试反应代码,则会打开一个新的chrome devtools,我可以在其中查看控制台,来源等。

我在商店创建中有以下内容:

const store = createStore(rootReducer, preloadedState, compose(
    applyMiddleware(...middleware),
    global.devToolsExtension ? global.devToolsExtension() : f => f
))

问题是,出现了redux devtools,但没有检测到存储。我也尝试过here的说明,但仍然无效。

我还想提及global.devToolsExtensionwindow.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__都是undefined

有没有人遇到过这个?

1 个答案:

答案 0 :(得分:0)

我设法使用remote-redux-devtools显示状态。诀窍是右键单击Open Remote Devtools,然后在设置中标记为使用本地服务器。

在单独的标签中,确保通过npm或yarn安装remotedev-server。例如:

yarn add -D remotedev-server

并运行以下内容:

var remotedev = require('remotedev-server');
remotedev({ hostname: 'localhost', port: 8000 });

在完成所有这些后,状态应该在redux devtools中可见。