Unable to resolve module 'react-redux'...module 'react-redux' does not exist in haste module map

Question

The code in app.js file with import statements for react redux is created to display a header with a text called "Tech stack".

App.js

import React from 'react';
import { View } from 'react-native';
import { Header } from './components/common';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import reducers from './reducers';


const App = () => {
  return(
    <Provider store={createStore(reducers)}>
      <View>
        <Header headerText="Tech Stack" />
      </View>
    </Provider>
  );
};

export default App;

This is the index file

index.js

import { AppRegistry } from 'react-native';
import App from './src/App';


AppRegistry.registerComponent(tech_stack, () => App);

While running this on the terminal, it throws a error saying unable to resolve module 'react-redux'.

Answer 1

Close the JS bundle(a terminal starts when you run app for first time) and rerun it using the command react-native start from the project path. Basically, you need to rerun the JS bundle after every package installation.

Answer 2

Install 'react-redux' by using

npm install --save react-redux

if you not installed it. By seeing your comment as you mentioned that you installed redux only. Then restart the JS bundle by using

react-native start --reset-cache