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'.

Have you added react-redux to your project dependences via either npm install or yarn add? — KLP
– KLP, Commented Jul 10, 2019 at 5:38
i installed using npm install --save redux.the entry for redux is there in the package.json file — Saranya
– Saranya, Commented Jul 10, 2019 at 5:42

Nabeel K · Accepted Answer · 2019-07-10 05:53:30Z

3

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.

answered Jul 10, 2019 at 5:53

Nabeel K

6,14711 gold badges41 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Nabeel K Over a year ago

have u install redux ? if not install and try again

Saranya Over a year ago

i first installed using npm install --save redux and then run did npm start and then react-native run-ios.Same error persists.

Nabeel K Over a year ago

then pls do npm install react-redux --save and restart JS bundle

Saranya Over a year ago

i did react-native start reset-cache ,but it is taking long time.is it normal?

A. Wahab · Accepted Answer · 2019-07-10 05:59:50Z

3

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

answered Jul 10, 2019 at 5:59

A. Wahab

1201 silver badge8 bronze badges

5 Comments

A. Wahab Over a year ago

react-redux is this package also present in package.json or it is installed completely ?

A. Wahab Over a year ago

then may be restart the js bundle would be help did you try it ?

Saranya Over a year ago

how to restart it?

A. Wahab Over a year ago

go to terminal where it is running press ctrl+c to stop the running bundle. then in new terminal go to app main folder of project and use this command react-native start --reset-cache

Anshul gour Over a year ago

Perfect... Saved my lots of time.

AmerllicA · Accepted Answer · 2020-08-27 15:29:03Z

2

I've faced this issue just now. actually, Our (you and I) main issue is naming the global state folder name is redux and the bundler falls in a conflict because there is a folder inside node_modules that name is redux too.

In fact, the main issue is this line:

import { createStore } from 'redux';

I renamed the resux stuffs folder to reduxStore instead of redux and then everything works properly.

edited Aug 27, 2020 at 15:29

answered Jun 27, 2020 at 9:40

AmerllicA

33.2k18 gold badges146 silver badges170 bronze badges

2 Comments

AmerllicA Over a year ago

@Vikash, no, sorry for my bad explanation, I mean the folder name that redux stuffs are in it, I renamed it from redux to reduxStore.

Gilad M Over a year ago

Make sure your source files are not located in a folder by the name redux. Once I renamed the folder to something else, the error disappeared.

Leonardo Soares e Silva · Accepted Answer · 2019-11-04 12:49:07Z

1

This error occurs because you do not have Redux-Thunk middleware installed on your application. To install run:

npm install redux-thunk

Then, restart your application:

react-native start

More information: https://github.com/reduxjs/redux-thunk

answered Nov 4, 2019 at 12:49

Leonardo Soares e Silva

1993 silver badges7 bronze badges

Comments

mpc75 · Accepted Answer · 2019-11-27 15:05:53Z

0

I just ran into this problem and solved it by installing redux in addition to react-redux. Apparently, react-redux requires it.

answered Nov 27, 2019 at 15:05

mpc75

9991 gold badge12 silver badges27 bronze badges

Collectives™ on Stack Overflow

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

5 Answers 5

4 Comments

5 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

5 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related