CODEWITHSUNDEEP
react-nativereact-navigation
THIBAULT Nicolas
THIBAULT Nicolas

Reputation: 159

Module `react-navigation-tabs` does not exist in the Haste module map

I try to create a tab navigation in react native. But when I want to import import { createBottomTabNavigator } from 'react-navigation-tabs';. I have the following error : bundling failed: Error: Unable to resolve module `react-navigation-tabs` from `/Users/nicolasthibault/Desktop/RunApplication/Runenger/Views/NavigationReact.js`: Module `react-navigation-tabs` does not exist in the Haste module map.

I tried many commands that I found to similar topic but any of them works in my situation. For example, I tried these ones but it doesn't solve my problem.

1. Clear watchman watches: `watchman watch-del-all`. 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`. 3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`. 4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.

Thanks for your help.

Upvotes: 2

Views: 6246

Answers (2)

Abhik
Abhik

Reputation: 41

1) Install 'react-navigation-tabs' using either npm or yarn 2) Build your project using npm start --reset-cache, If you are using expo use expo r -c

It'll work.

Upvotes: 4

satya164
satya164

Reputation: 10145

Install react-navigation-tabs:

yarn add react-navigation-tabs

Or

npm install react-navigation-tabs

Then run metro:

react-native start --reset-cache

Also make sure you've followed the instructions here: https://reactnavigation.org/docs/en/getting-started.html

Upvotes: 7

Related Questions