Question

我正在使用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.devToolsExtension和window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__都是undefined。

有没有人遇到过这个？

Answer 1

我设法使用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中可见。

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

1 个答案: