React Native SocketProtocol Error and Timeout

Question

I generally can not understand this. When I open my React Native app, I get these errors. The best I have found is that it is related to how the applications are inserted. Any help would be greatly appreciated and supported! Thanks!

Errors from xcode

2016-06-16 17:21:50.160 [warn][tid:com.facebook.react.JavaScript] [TimeoutError: Event response for 'login' timed out] 2016-06-16 17:21:51.580 [warn][tid:com.facebook.react.JavaScript] [SocketProtocolError: Socket hung 

Version

  "react": "^15.1.0", "react-native": "^0.27.2" ... along with about 30 others 

ios - AppDelegate.m

  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; /** * OPTION 2 * Load from pre-bundled file on disk. The static bundle is automatically * generated by the "Bundle React Native code and images" build step when * running the project on an actual device or running the project on the * simulator in the "Release" build configuration. */ // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"MyApp" initialProperties:nil launchOptions:launchOptions]; 

Answer 1

After a long time, I realized that these are really my React Dev and HMR tools. I had to update Store Configure as follows:

OLD ----- (BELOW)

  import Immutable from 'immutable'; import { Platform } from 'react-native'; import { createStore, applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; import reducer from '../reducers'; const middlewares = [thunk]; let enhancer; if (__DEV__) { const installDevTools = require('immutable-devtools'); installDevTools(Immutable); const devTools = require('remote-redux-devtools'); enhancer = compose( applyMiddleware(...middlewares), devTools({ name: Platform.OS, hostname: 'localhost', port: 5678 }) ); } else { enhancer = applyMiddleware(...middlewares); } 

NEW ----- (BELOW)

 import Immutable from 'immutable'; import { Platform } from 'react-native'; import { createStore, applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; import reducer from '../reducers'; const middlewares = [thunk]; let enhancer = applyMiddleware(...middlewares); export default function configureStore(initialState) { const store = createStore(reducer, initialState, enhancer); if (module.hot) { module.hot.accept(() => { store.replaceReducer(require('../reducers').default); }); } return store; }