我正在使用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
。
有没有人遇到过这个?
答案 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中可见。