React本机调试器状态未定义

Question

我正在尝试为我的项目使用远程React Native调试器。我已经在我的$ brew update && brew cask install react-native-debugger电脑上安装了React-Native-Debugger。然后我用npm install --save-dev remote-redux-devtools添加了Remote-redux-devtools包

我的createStore代码看起来像这个自动取款机。

import { createStore, applyMiddleware } from 'redux'
import { composeWithDevTools } from 'remote-redux-devtools'
import thunk from 'redux-thunk'
/* some other imports */

const composeEnhancers = composeWithDevTools({ realtime: true, port: 8000 })
export default createStore(rootReducer, composeEnhancers(
  applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave)
))

控制台输出工作正常，但它不能识别动作或redux状态。我是不是漏掉了一步？为什么它不能接收redux？

https://github.com/zalmoxisus/remote-redux-devtools

https://github.com/jhen0409/react-native-debugger

Answer 1

下面是我用来使redux状态在react-native-debugger上可见的解决方案:假设我有一个名为uiReducer的redux缩减程序

const rootReducer = combineReducers({
  ui: uiReducer
});

let composeEnhancers = compose;

if (__DEV__) {
    composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
}

const store = createStore(rootReducer, composeEnhancers(applyMiddleware(ReduxThunk)));

请不要忘记导入您的reducer，以及以下来自redux、react-redux和redux-thunk的导入：

import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
import { Provider } from 'react-redux';
import ReduxThunk from 'redux-thunk';

现在，您的状态在调试器中是可见的：

​

​

我希望它能对你有所帮助！谢谢,

Answer 2

将redux devtools扩展添加到您的createStore

export default createStore(rootReducer, composeEnhancers(
  applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave)
),window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())

有关更多信息，请访问：https://github.com/zalmoxisus/redux-devtools-extension

Answer 3

我遇到了同样的问题，我认为react本机调试器工作得很好，例如，react本机调试器的映射器工作得很好，它在源代码中拉出了我的项目文件/目录。控制台输出工作正常。

但我看不出有什么回音。

经过一些尝试和错误后，我发现我必须在我的android模拟器上打开JS Dev模式。

步骤: Ctrl +M ->开发设置->检查JS开发模式->重新加载