React Native Navigation Installing - react-native

Below is the error while installing react native navigation. help me to sort out this problem:
npm install -- save react-navigation
npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path E:\ReactNative\logwithfirebase\node_modules\#react-navigation\core\node_modules\react-is
npm ERR! dest E:\ReactNative\logwithfirebase\node_modules\#react-navigation\core\node_modules\.react-is.DELETE
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, rename 'E:\ReactNative\logwithfirebase\node_modules\#react-navigation\core\node_modules\react-is' -> 'E:\ReactNative\logwithfirebase\node_modules\#react-navigation\core\node_modules\.react-is.DELETE'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\asadc\AppData\Roaming\npm-cache\_logs\2022-08-09T08_24_34_577Z-debug.log

Here is the complete Installation for React Native Navigation
Install the React Navigation by following command.
npm install #react-navigation/native
After the installation Follow next steps:
1.npm install react-native-screens react-native-safe-area-context
If this doesn't work then
Remove the dependencies #react-navigation/native from package.json
Please remove your
node_modules
package-lock.json
and follow the same process again.
Thanks!!

Do you mean to run this ?
npm install #react-navigation/native
Ref:
https://reactnavigation.org/docs/getting-started/

If you work on mac, that might be the reason. And you should run
yarn add #react-navigation/native

Related

I cant create a react app its keeps giving me an error

when I am running "npx create react app react20 " it giving me below error
I have been trying for more than 12 hours to fix this and I cant figure it our. I dont know what to do next guys/gals please help.
PS C:\Users\Imran\Desktop\zertomastery\20_react> npx create-react-app react20
Creating a new React app in C:\Users\Imran\Desktop\zertomastery\20_react\react20.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
npm ERR! code ENOENT
npm ERR! syscall spawn bash
npm ERR! path C:\Users\Imran\Desktop\zertomastery\20_react\react20\node_modules\core-js
npm ERR! errno -4058
npm ERR! enoent spawn bash ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Imran\AppData\Local\npm-cache\_logs\2021-07-18T20_29_53_701Z-debug.log
Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.
Deleting generated file... package.json
Deleting react20/ from C:\Users\Imran\Desktop\zertomastery\20_react
Done.
PS C:\Users\Imran\Desktop\zertomastery\20_react>

Why does npm isntallation of styled-components for React Native fail?

I am trying to install styled components for a React Native project:
C:\Projects\Native1>npm install --save styled-components
The installation fails with following error:
npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path C:\Projects\Native1\node_modules\camelize
npm ERR! dest C:\Projects\Native1\node_modules\.camelize.DELETE
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, rename 'C:\Projects\Native1\node_modules\camelize' -> 'C:\Projects\Native1\no
de_modules\.camelize.DELETE'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
The directory really doesn't exist in the node_modules folder. What can I do install the module succesfully?
clean cache from your nodemodules folder
npm cache clean --force
Or
delete your nodemodules folder
then run
npm i styled-components

installing react-navigation with npm gives an error

I am aware that there are already questions about this but they didn't work and most of them are for create-react-native-app but I am using expo.
I run npm install react-navigation and it gives me this error:
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: file-uri-to-path#1.0.0 (node_modules\file-uri-to-path):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename 'C:\Users\yaelp\Downloads\meals-cat\node_modules\file-uri-to-path' -> 'C:\Users\yaelp\Downloads\meals-cat\node_modules\.file-uri-to-path.DELETE'
npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path C:\Users\yaelp\Downloads\meals-cat\node_modules\hoist-non-react-statics
npm ERR! dest C:\Users\yaelp\Downloads\meals-cat\node_modules\.hoist-non-react-statics.DELETE
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, rename 'C:\Users\yaelp\Downloads\meals-cat\node_modules\hoist-non-react-statics' -> 'C:\Users\yaelp\Downloads\meals-cat\node_modules\.hoist-non-react-statics.DELETE'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\yaelp\AppData\Roaming\npm-cache\_logs\2020-10-01T17_02_25_868Z-debug.log
Try to install all dependencies (from the documentation of react-navigation).
Run:
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context #react-native-community/masked-view
I hope you resolved your issue by now (more than a month has passed since you posted the question). For those who might get it (like I did), here are some possible solutions:
Install react-navigation with yarn:
In the official react-navigation docs there is a yarn install command:
yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context #react-native-community/masked-view
Try deleting package-lock.json file and then try installing react-navigation with npm again
Killing your app and then trying to install react-navigation,
Deleting your node_modules and do npm i again,
Try uninstalling node, npm and everything with it (and reinstalled everything afterwards of course).
I got these solutions from this github issue. I hope one of them will help.
Try to use expo install react-navigation as you are using expo.
If you need to use npm, try:
npm install react-navigation --force
Try to run npm install, then npm install #react-navigation/native from reactnavigation

Not able to install apisauce in react-native project

I tried to install using the following code:
npm i apisauce --save
However, I got these errors:
npm WARN react-navigation-stack#2.8.2 requires a peer of
react-navigation#^4.1.1 but none is installed. You must install peer
dependencies yourself.
npm ERR! code ENOENT npm ERR! syscall rename npm ERR! path
F:\DoneWithIt\node_modules\follow-redirects\node_modules\debug npm
ERR! dest
F:\DoneWithIt\node_modules\follow-redirects\node_modules.debug.DELETE
npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or
directory, rename
'F:\DoneWithIt\node_modules\follow-redirects\node_modules\debug' ->
'F:\DoneWithIt\node_modules\follow-redirects\node_modules.debug.DELETE'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\Ravi\AppData\Roaming\npm-cache_logs\2020-08-01T13_33_29_249Z-debug.log
I was stuck on this same issue today and I think I fixed it just now. I followed the suggestions of uninstalling nodejs (and the node_modules folder if that doesn't also get automatically removed with it), making sure that your nodejs folder is in the environment variables path.
The stackoverflow thread I referenced is: Fixing npm path in Windows 8 and 10

npm install fail -- error message: enoent ENOENT: no such file or directory

i'm building an Vue.js project using vue init webpack project_name,after this step I ran npm install. and npm threw out errors below:
npm ERR! path /Users/duodian/Desktop/crop-demo/node_modules/js-
beautify/js/bin/css-beautify.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod
npm ERR! enoent ENOENT: no such file or directory, chmod
'/Users/duodian/Desktop/crop-demo/node_modules/js-beautify/js/bin/css-beautify.js'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/duodian/.npm/_logs/2017-09-18T09_55_20_047Z-debug.log
node version 8.5.0
npm version 5.3.0
Note: I just updated my macOS HighSierra to 10.13 Beta, does this affect?
had any friends have this problem?
Running
npm install js-beautify#1.6.14
and then
npm install (assuming that you are installing deps in package.json)
worked for me. Got it from here.
https://github.com/beautify-web/js-beautify/issues/1247
It's bacause of js-beautify#1.7 i broken. So, try to downgrade vue-cli to 2.7.0 is a temporary workaround to solving this problem
npm install -g vue-cli#2.7.0