state is undefined

[radziksh]

I installed the application, configured the port, but can not see anything in the state. Restart does not help.

environment: vsCode 1.12.1 typescript: 2.3.2 node: 7.4.0 webpack: 2.5.1

Screenshots:

[jkzing]

Um...it seems you didn't have a remotedev server running on your localhost, and you did not compose your remote-redux-devtools middleware as well.

Please try following steps to setup:

1. npm install remotedev-server remote-redux-devtools --save-dev
2. create a file named remotedev.js (or any name you want)

3. in remotedev.js:

   const remotedev = require('remotedev-server');
   
   remotedev({
     hostname: 'localhost',
     port: 8080,
   });

4. run remotedev.js in shell

   node remotedev.js

5. in your configureStore.js:

   import {createStore, applyMiddleware} from 'redux';
   import {composeWithDevTools} from 'remote-redux-devtools';
   
   let compose = composeWithDevTools({
     realtime: true,
     name: 'Your Instance Name',
     host: 'localhost',
     port: 8080, 
   });
   
   const store = createStore(
     yourReducer,
     compose(
         applyMiddleware(...),
         persistState(...)
     )
   );

6. open your react-redux app in browser
7. open vscode-redux-devtools in vscode