fbjs/lib/invariant could not be found within the project or in these directories:s:413:43) - react-native

i just did ( npm audit fix ) in my porject and after that im getting this error .
error:
Error: Unable to resolve module fbjs/lib/invariant from C:\Users\HP\Desktop\NoumanTestingApp-master\node_modules\react-native-reanimated\src\createAnimatedComponent.js: fbjs/lib/invariant could not be found within the project or in these directories:s:413:43)
node_modulesresolve (C:\Users\HP\Desktop\NoumanTestingApp-master\node_modules\metro\src\lib\transformHelpers.js:317:42
....\node_modules
at resolve (C:\Users\HP\Desktop\NoumanTestingApp-master\node_modules\metro\src\DeltaBundler\traverseDependencies.js:
If you are sure the module exists, try these steps:
Clear watchman watches: watchman watch-del-all\node_modules\metro\src\DeltaBundler\traverseDependencies.js:645:26
Delete node_modules and run yarn install
Reset Metro's cache: yarn start --reset-cacheoumanTestingApp-master\node_modules\metro\src\DeltaBundler\traverseDepe
Remove the cache: rm -rf /tmp/metro-*
10 | import setAndForwardRef from './setAndForwardRef';odules\metro\src\DeltaBundler\traverseDependencies.js:329:33
11 | Generator.next (<anonymous>)
12 | import invariant from 'fbjs/lib/invariant';manTestingApp-master\node_modules\metro\src\DeltaBundler\traverseDepen
| ^
13 | import { adaptViewConfig } from './ConfigHelper';d. Please run:
14 | import { RNRenderer } from './reanimated2/platform-specific/RNRenderer';
15 |orm[stderr]:
i try npm install fbjs but it doesn't work for me

Related

react-native could not be found within the project or in these directories: node_modules

I am new to react native, I was learning the Axios, for that I tried to install it by using command
npm install axios
but later on, my app started showing this error
error: Error: Unable to resolve module react-native from D:\work\app_dev\AxiosWorking\AxiosProject\index.js: react-native could not be found within the project or in these directories:
node_modules
If you are sure the module exists, try these steps:
1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*
3 | */
4 |
> 5 | import {AppRegistry} from 'react-native';
| ^
6 | import App from './App';
7 | import {name as appName} from './app.json';
8 |
at ModuleResolver.resolveDependency (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:129:15)
at DependencyGraph.resolveDependency (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\node-haste\DependencyGraph.js:288:43)
at Object.resolve (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\lib\transformHelpers.js:129:24)
at resolve (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:396:33)
at D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:412:26
at Array.reduce (<anonymous>)
at resolveDependencies (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:411:33)
at processModule (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:140:31)
at async traverseDependenciesForSingleFile (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:131:3)
at async traverseDependencies (D:\work\app_dev\AxiosWorking\AxiosProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:60:7)

storybook : Unable to resolve module path from node_modules/#storybook/store/dist/cjs/autoTitle.js

I'm using a storybook with a react native project and this project is inside a lerna project. while running yarn && yarn start in one terminal then yarn run-android I have this error:
error: Error: Unable to resolve module path from /home/front/node_modules/#storybook/store/dist/cjs/autoTitle.js: path could not be found within the project or in these directories:
node_modules
If you are sure the module exists, try these steps:
1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*
38 | var _startCase = _interopRequireDefault(require("lodash/startCase"));
39 |
> 40 | var _path = _interopRequireDefault(require("path"));
| ^
41 |
42 | var _slash = _interopRequireDefault(require("slash"));
43 |
at ModuleResolver.resolveDependency (/home/front/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:129:15)
at DependencyGraph.resolveDependency (/home/front/node_modules/metro/src/node-haste/DependencyGraph.js:288:43)
at Object.resolve (/home/front/node_modules/metro/src/lib/transformHelpers.js:129:24)
at resolve (/home/front/node_modules/metro/src/DeltaBundler/traverseDependencies.js:396:33)
at /home/front/node_modules/metro/src/DeltaBundler/traverseDependencies.js:412:26
at Array.reduce (<anonymous>)
at resolveDependencies (/home/front/node_modules/metro/src/DeltaBundler/traverseDependencies.js:411:33)
at processModule (/home/front/node_modules/metro/src/DeltaBundler/traverseDependencies.js:140:31)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:93:5)
Done in 451.87s.
This file /home/front/node_modules/#storybook/store/dist/cjs/autoTitle.js do exists. so for me The storybook need to know how to look for this file but I don't know how to tell him.
Do you have any idea ?

unable to resolve package in react native app

I have removed some packages in my react native.Removed the package import from all files .After I have done that my app can't start even I clear the cache using below procedure .
rm -rf node_modules # With Yarn workspaces, you may need to
# delete node_modules in each workspace
yarn cache clean
yarn
watchman watch-del-all
rm -fr $TMPDIR/haste-map-*
rm -rf $TMPDIR/metro-cache
expo start --clear
this my error
Failed building JavaScript bundle.
Unable to resolve module cloudinary-react from /Users//Desktop/react-native-with-firebase-course/my-test-project/screens/Home.js: cloudinary-react could not be found within the project.
If you are sure the module exists, try these steps:
Clear watchman watches: watchman watch-del-all
Delete node_modules and run yarn install
Reset Metro's cache: yarn start --reset-cache
Remove the cache: rm -rf /tmp/metro-*
7 | import {Card, Button} from 'react-native-paper';
8 | import firebase from '../database/firebaseDb';
9 | import {Image as Image1, Transformation, Placeholder} from 'cloudinary-react'
| ^
10 |
11 | import { createStackNavigator, createAppContainer } from 'react-navigation';
12 |
Failed building JavaScript bundle.
Unable to resolve module cloudinary-react from /Users//Desktop/react-native-with-firebase-course/my-test-project/screens/Home.js: cloudinary-react could not be found within the project.
If you are sure the module exists, try these steps:
Clear watchman watches: watchman watch-del-all
Delete node_modules and run yarn install
Reset Metro's cache: yarn start --reset-cache
Remove the cache: rm -rf /tmp/metro-*
7 | import {Card, Button} from 'react-native-paper';
8 | import firebase from '../database/firebaseDb';
9 | import {Image as Image1, Transformation, Placeholder} from 'cloudinary-react'
| ^
10 |
11 | import { createStackNavigator, createAppContainer } from 'react-navigation';
12 |

Unable to resolve module #react-native-async-storage/async-storage

Getting this error after adding aws-amplify to the project, Did complete setup for aws-amplify according to the docs, then pod install and react-native run-ios
I have also tried changing the import statement as mentioned in the suggestion below error, still doesn't work, Thanks in advance.
node_modules/#aws-amplify/core/node_modules
node_modules
../node_modules
If you are sure the module exists, try these steps:
1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*
11 | * and limitations under the License.
12 | */
> 13 | import AsyncStorage from '#react-native-async-storage/async-storage';
| ^
14 | var MEMORY_KEY_PREFIX = '#MemoryStorage:';
15 | var dataMemory = {};
16 | /** #class */
at ModuleResolver.resolveDependency (/Users/monk/Projects/Airbnb/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:234:15)
at DependencyGraph.resolveDependency (/Users/monk/Projects/Airbnb/node_modules/metro/src/node-haste/DependencyGraph.js:413:43)
at Object.resolve (/Users/monk/Projects/Airbnb/node_modules/metro/src/lib/transformHelpers.js:317:42)
at resolve (/Users/monk/Projects/Airbnb/node_modules/metro/src/DeltaBundler/traverseDependencies.js:629:33)
at /Users/monk/Projects/Airbnb/node_modules/metro/src/DeltaBundler/traverseDependencies.js:645:26
at Array.reduce (<anonymous>)
at resolveDependencies (/Users/monk/Projects/Airbnb/node_modules/metro/src/DeltaBundler/traverseDependencies.js:644:33)
at /Users/monk/Projects/Airbnb/node_modules/metro/src/DeltaBundler/traverseDependencies.js:329:33
at Generator.next (<anonymous>)
at asyncGeneratorStep (/Users/monk/Projects/Airbnb/node_modules/metro/src/DeltaBundler/traverseDependencies.js:137:24)```
Install Amplify libraries: here,
yarn add #react-native-async-storage/async-storage
After that Try cleaning the project if there is an issue,
rm -rf $TMPDIR/metro-* && rm -rf $TMPDIR/haste-* && watchman watch-del-all && yarn cache clean --force && rm -rf ios/build && rm -rf node_modules/
yarn install
rm -rf pods && pod install
I just deleted the app from the emulator and reinstalled it and it finally worked after a long time of research that led to no emends!
delete your node_modules & reinstall your node_modules
I resolve so - in package.json
"#react-native-community/async-storage": "https://github.com/react-native-async-storage/async-storage",

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