Unable to resolve "@react-navigation/native" from "App.js" - React Native + How to Solve?
33,914
Solution 1
npm install @react-navigation/native
if using expo:
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
Also run:
npm install react-navigation
Solution 2
This error occurs because you haven't installed react-navigation.
Run:
npm install react-navigation
npm start -- --reset-cache
Solution 3
the best solution is to delete your node_modules and package-lock.json and try npm install, it worked for me
Solution 4
well i have solved this by reinstalling / updating these packages.
npm install --save react-native-gesture-handler react-native-reanimated react-native-screens
do the trick for
npm start -- --reset-cache
But performing the following did succeed:
Delete
node_modules & package-lock.json Delete app from phone
run npm start -- --reset-cache
run app
Solution 5
Try to add this line to your metro.config.js
sourceExts: ['jsx', 'js', 'ts', 'tsx', 'json'],
Author by
Admin
Updated on December 28, 2021Comments
-
Admin over 2 years
undefined Unable to resolve module
@react-navigation/native
fromApp.js
: @react-navigation/native could not be found within the project.If you are sure the module exists, try these steps:
1. Clear watchman watches: watchman watch-del-all 2. Delete node_modules: rm -rf node_modules and run yarn install 3. Reset Metro's cache: yarn start --reset-cache 4. Remove the cache: rm -rf /tmp/metro-* - node_modules\react-native\Libraries\Utilities\HMRClient.js:307:41 in showCompileError - node_modules\react-native\Libraries\Utilities\HMRClient.js:228:26 in client.on$argument_1 - node_modules\eventemitter3\index.js:181:39 in emit - node_modules\metro\src\lib\bundle-modules\WebSocketHMRClient.js:80:20 in _ws.onmessage - node_modules\event-target-shim\dist\event-target-shim.js:818:39 in EventTarget.prototype.dispatchEvent - node_modules\react-native\Libraries\WebSocket\WebSocket.js:232:27 in _eventEmitter.addListener$argument_1 - node_modules\react-native\Libraries\vendor\emitter\EventEmitter.js:190:12 in emit - node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:436:47 in __callFunction - node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:111:26 in __guard$argument_0 - node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:384:10 in __guard - node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:110:17 in __guard$argument_0 * [native code]:null in callFunctionReturnFlushedQueue Unable to resolve "@react-navigation/native" from "App.js" Failed building JavaScript bundle. Unable to resolve "@react-navigation/native" from "App.js" Failed building JavaScript bundle. Unable to resolve "@react-navigation/native" from "App.js" Failed building JavaScript bundle. > Unable to resolve "@react-navigation/native" from "App.js" Unable to resolve "@react-navigation/native" from "App.js" Failed building JavaScript bundle. Error: Can't find react-native in package.json dependencies Error: Can't find react-native in package.json dependencies
Please Help Me. Email ID: [email protected]