React Native Debugger state undefined

Multi tool use
Multi tool use


React Native Debugger state undefined



I am trying to use the remote React Native Debugger for my project. I have installed React-Native-Debugger on my Mac with $ brew update && brew cask install react-native-debugger. Then I added Remote-redux-devtools package with npm install --save-dev remote-redux-devtools


$ brew update && brew cask install react-native-debugger


npm install --save-dev remote-redux-devtools



My createStore code looks like this 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)
))



Console output works just fine, but it is not picking up on the actions or redux state. Am I missing a step? Why isn't it picking up redux?



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



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




2 Answers
2



Add redux devtools extension to your createStore


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



For more informations : https://github.com/zalmoxisus/redux-devtools-extension





I thought that package was not meant for React-Native?
– Waltari
Oct 20 '17 at 6:58





See the documentation: github.com/jhen0409/react-native-debugger/blob/master/docs/…
– Jhen-Jie Hong
Oct 23 '17 at 12:34



I got the same problem where i thought the react native debugger is working fine,
E.g.
react native debugger's mapper is working fine, it is pulling out my project file/directory at the source.
Console output is working fine.



But i don't see any redux being picking up.



After some trials and errors, i found out i have to turn the JS Dev Mode on my android emulator.



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






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

J25pkbkxz6p6rtp,ig,YFoJiiWFwgQJzt5V,44IdrJPZ9,MUDFmO3 I,0bAnRRXJ,NsRu26XsJ,qROXdu
uHNRP 3aoiO0Ud,X7RANH5lruCiLq,z3 YT,otX3siBIeWlxMaWiXyg

Popular posts from this blog

PySpark - SparkContext: Error initializing SparkContext File does not exist

django NoReverseMatch Exception

List of Kim Possible characters