unable to resolve package in react native app - react-native

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 |

Related

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

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

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)

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",

React Native 0.59 -> 0.60 - Unable to resolve module `NativeModules`

I want to make sure that my native library works on 0.6x React Native. I've got a version of the library working on 0.59.x but when I run it on 0.6x I get the following json response (together with server 500):
Body:
{"originModulePath":"screens/custom-action-screen.js","targetModuleName":"NativeModules","message":"Unable to resolve module `NativeModules` from `screens/custom-action-screen.js`: NativeModules could not be found within the project.\n\nIf you are sure the module exists, try these steps:\n 1. Clear watchman watches: watchman watch-del-all\n 2. Delete node_modules: rm -rf node_modules and run yarn install\n 3. Reset Metro's cache: yarn start --reset-cache\n 4. Remove the cache: rm -rf /tmp/metro-*","errors":[{"description":"Unable to resolve module `NativeModules` from `screens/custom-action-screen.js`: NativeModules could not be found within the project.\n\nIf you are sure the module exists, try these steps:\n 1. Clear watchman watches: watchman watch-del-all\n 2. Delete node_modules: rm -rf node_modules and run yarn install\n 3. Reset Metro's cache: yarn start --reset-cache\n 4. Remove the cache: rm -rf /tmp/metro-*"}],"name":"Error","stack":"Error: Unable to resolve module `NativeModules` from `screens/custom-action-screen.js`: NativeModules could not be found within the project.\n\nIf you are sure the module exists, try these steps:\n 1. Clear watchman watches: watchman watch-del-all\n 2. Delete node_modules: rm -rf node_modules and run yarn install\n 3. Reset Metro's cache: yarn start --reset-cache\n 4. Remove the cache: rm -rf /tmp/metro-*\n at ModuleResolver.resolveDependency (/Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:186:15)\n at ResolutionRequest.resolveDependency (/Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)\n at DependencyGraph.resolveDependency (/Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/node-haste/DependencyGraph.js:282:16)\n at Object.resolve (/Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/lib/transformHelpers.js:267:42)\n at /Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:426:31\n at Array.map (<anonymous>)\n at resolveDependencies (/Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:423:18)\n at /Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:275:33\n at Generator.next (<anonymous>)\n at asyncGeneratorStep (/Users/krzysztofkubicki/Workspace/PublicRelease/React-Native-Dev/SampleApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:87:24)"}
So my quetion is: How is it possible that the NativeModules were "visible" in previous version? All I did was upgrade the react native version and left all the code as it was.
It still works on 0.59.

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.