SocketProtocolError

[ghasemikasra39]

produce the error: https://github.com/ghasemikasra39/testDevTools

 React Native Environment Info:
    System:
      OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
      CPU: (8) x64 Intel(R) Core(TM) i7-6700HQ CPU @ 2.60GHz
      Memory: 1.91 GB / 11.63 GB
      Shell: 5.4.2 - /bin/zsh
    Binaries:
      Node: 8.10.0 - /usr/bin/node
      Yarn: 1.17.3 - /usr/bin/yarn
      npm: 3.5.2 - /usr/bin/npm
    npmPackages:
      react: 16.8.3 => 16.8.3 
      react-native: 0.59.8 => 0.59.8 
    npmGlobalPackages:
      react-native-cli: 2.0.1

[infezek]

I'm having this same problem, managed to solve?

[camilo86]

Currently seeing the same issue

[camilo86]

Got tired of debugging this, and used redux-devtools-extension instead. Works great with the React Native Debugger App (if you happen to be developing for RN 😁)

[infezek]

I'm using RN, thanks for the suggestion.

[infezek]

I tried to use here redux-devtools-extension with RN-Debugger-App, but not connecting to remoteDev, could you leave any examples? I've been trying to debugging remote-redux-devtools for a long time

[camilo86]

I'm creating my store as follows: (I'm using sagas to handle side effects. Feel free to ignore that)

import { applyMiddleware, createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import createSagaMiddleware from 'redux-saga';
import sagas from '../sagas';
import rootReducer from '../reducers';

const sagaMiddleware = createSagaMiddleware();

export default function configureStore(preloadedState) {
  const middlewares = [sagaMiddleware];

  const store = createStore(rootReducer, preloadedState, composeWithDevTools(
    applyMiddleware(...middlewares)
  ));

  sagaMiddleware.run(sagas);

  return store;
}

[infezek]

Exactly what I tried to do, are you using google chrome extension? if so did you set anything up on it?

[camilo86]

Oh no, so I'm using React Native Debugger App. It bundles redux & react devtools into a single app. If you setup your store similar to how I did it, the app should work right away. You can get it here: https://github.com/jhen0409/react-native-debugger/releases

Also, make sure your device/emulator, has debugging enabled. On the emulator, hit Command + M and select Debug.

If you happen to be debugging on a device via USB/wifi and can't get the above menu show up, run the following in your terminal : adb shell input keyevent 82

[infezek]

Being able to connect to react-native-debugger is working better than before, thank you very much for your help. :satisfied:

[camilo86]

Awesome! No problem

[petermercy]

I'm using React Native and having this error when trying to use remote-redux-devtools. Changing to redux-devtools-extension per @camilo86 's post solved the problem right away.