Javascript 反应本机调试器状态未定义

Javascript 反应本机调试器状态未定义,javascript,ios,macos,reactjs,react-native,Javascript,Ios,Macos,Reactjs,React Native,我正在尝试为我的项目使用远程React本机调试器。我已使用$brew update&&brew cask安装React Native Debugger在Mac上安装了React Native Debugger。然后,我添加了带有npm安装的远程redux devtools包——保存开发远程redux devtools 我的createStore代码看起来像这个atm import { createStore, applyMiddleware } from 'redux' import { com

我正在尝试为我的项目使用远程React本机调试器。我已使用
$brew update&&brew cask安装React Native Debugger
在Mac上安装了React Native Debugger。然后,我添加了带有
npm安装的远程redux devtools包——保存开发远程redux devtools

我的createStore代码看起来像这个atm

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


将redux devtools扩展添加到您的createStore

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

有关更多信息:

我遇到了相同的问题,我认为react本机调试器工作正常, 例如。 react native debugger的映射器工作正常,它正在从源代码处拉出我的项目文件/目录。 控制台输出工作正常

但我看不到任何redux正在恢复

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


步骤:Ctrl+M->Dev Setting->Check JS Dev Mode->Reload

我注意到,除此之外,我在开发工具中看不到我的源代码,这让我意识到我需要这样做

在IOS模拟器上


Cmd+D>Debug JS远程为我工作

以下是我用来使redux状态在react本机调试器上可见的解决方案: 假设我有一个redux reducer,名为
uiReducer

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

let composeEnhancers = compose;

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

const store = createStore(rootReducer, composeEnhancers(applyMiddleware(ReduxThunk)));
请不要忘记导入减速器,以及从redux、react-redux和redux-thunk导入的以下内容:

import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
import { Provider } from 'react-redux';
import ReduxThunk from 'redux-thunk';
现在,您的状态(如果在调试器中可见):

我希望这会有帮助!
谢谢,

我以为该软件包不是为React Native设计的?请参阅文档: