How to run React JS app in Visual studio code tutorial | Download and install react in VS Code 2024
Вставка
- Опубліковано 26 сер 2024
- How to run your first react js app project in visual studio code using node js is shown
#reactjs #reactjstutorial #vscode
npx : The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable
program. Check the spelling of the name, or if a path was included, verify that the path is correct and
try again.
At line:1 char:1
+ npx create-react-app my-reactapp
+ ~~~
+ CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
I am getting this error.
install latest version of node js and try again
@@27mohammedibrahim43 I have restarted my pc, And it's working..
Great bro
Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏
Glad you liked it!
If someone is getting an error while entering npx create-react-app my-app
So please first write
nmp uninstall -g create-react-app
nmp install -g create-react-app
Enter
Cool
Nahi ho raha help ar do yaar discord ha kya?
for?
thanks dude
thanks dude ❤🩹❤🩹
I really loved this tutorial. It was explained in great detail and everything worked perfectly!! Thank you for this!!
You are so welcome!!!
@@unitedtoptech6288 bro even after putting the path its showing nodejs not recognized
Thank you so much bro, good tutorial,that was a ggood thing using my first commands on the terminal😄
WELCOME BRO!!
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\senab\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\senab\AppData\Roaming
pm'
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\senab\AppData\Local
pm-cache\_logs\2023-06-25T15_13_31_764Z-debug-0.log
im having this error while having the create-react app command ? how can this be fixed?
When are you geting this error ? when creating react app or trying to run it ?
I solved this using the following command.
npm uninstall -g create-react-app
then
npm install -g create-react-app
@@mukesh6205 worked for me too. thanks brother
@@RajatPatodi welcome 🤗 bro
@@mukesh6205Thank you so much❤ you saved me
Music for my ears, EVERY code tutorial must sound like this
Wow thanks, you mean my voice is good?
you deserve more than one following from me... you are very straight to the point and you have helped me a lot. I can't thank you enough
Most welcome man ❤😊
This video is super helpful, I went through 8 videos before my node and npm could start working and this is the only one who helped😂
Great to hear!
Hello sir...what should I do if I get an error saying "npx is not recognized",I followed all your steps but still getting this error and I don't know why...please help me out...😔
npm i -g npx, tun this please
Thank you very much man, you literaly saved my school project.
Glad I could help!
Great tutorial. Others go into VSC without first stating the need for node.js first. The tip about the environmental path was also important.
glad you liked it! Welcome
You should be addressing the error after the first npx create command. It took me a hell lot of time to fix that.
What was the error? I did not get any
how did you fix it?
Can you paste the whole error here?
@@unitedtoptech6288 npm error code ENOENT
npm error syscall lstat
npm error path C:\Users\Tharu\AppData\Roaming
pm
npm error errno -4058
npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\Tharu\AppData\Roaming
pm'
npm error enoent This is related to npm not being able to find a file.
npm error enoent
go to this path C:\Users\Tharu\AppData\Roaming\ and create an empty folder named npm
Good tutorial everything is very clear and understandable. Recomanded
Fantastic man , Thank you
Such a beautiful tutorial thank you
Welcome!!
Those who are getting error while npx command like module not found
Copy path upto roaming and search in file manager and created new folder named npm it works fine
yes
how to do this?
go inside roaming folder, create a new folder and name it npm, you will have the full path of this folder in your error message
best beginner-friendly video
Glad it was helpful! Welcome :)
Everytime I try creating a react app I keep getting an error about 233 packages need funding, run “npm fund” etc, how can I fix this?
No idea bro, try searching in stackoverflow they seem to have some solutions
Asking for bread since it’s a free open source
Same problem bro how to solve this problem pls any help me solve this
@@ambarishambarish3554 I don’t quite remember, I just kept trying and fixing with the directions provided on the terminal, if you read the error correctly there is where you are told to fix the issue
@novemberxxi6092
Thankyou so much because has a unique explantion . Its really help me
nice! thanks
Helpful video. Thanks!
Thank You so much, you saved so much time for me 🙌❤
You're so welcome!
it's just perfect this video was very useful for me today, I had to submit my task today itself due to this video got my work submitted
Glad it helped! good luck
this is what i was looking for!
thank you so much! I was having an issue to install react when adding it to the terminal. The issue that it needed to be updated as well because it's the first time in awhile that I haven't updated/used it.
You're welcome! 😊
Were you getting any error message because of this?
@@unitedtoptech6288 yeah, at first, it seemed that I did a command prompt check to see what version I had. When I went this option, I was able to update it automatically.
I'm very new to REACT on VS code and now it gives me an error of logging into the project I'm working on my first react project. I mean by doing the "NPM start" and it's giving me errors to go back into the project. It mentioned about the NPM doesn't seem to have a directory when I try to start it. I've only done Flask/Python with Virtual Environment to go live on the local host and exiting it, but not on REACT.
Yeah maybe you are not inside the right folder, try giving cd command and going to the react project subfolder
it still says error: npx : The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if
a path was included, verify that the path is correct and try again.
At line:1 char:1
+ npx create-react-app first-project
+ ~~~
+ CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
You need to add the path appdata/roaming/npm in environment variable and rerun
Nice video, thank you so much. It really helped me.
npx create-react-app
when i'm pasted this in new terminal its created alots of error. tell me what can i do
I have replied
Thanks brother, love from India ❤
Welcome Bro!!😊
what about npm install -g create-react-app ?
Welcome
Super bro its awesome to explain clearly and neatly 😊 and easy to understand
Thank you so much 😀
npx create-react-app command is deprecated and no longer being maintained, mostly common used technologies now are next or vite
for practice this is fine
Very Helpfull Thank You All the best .
thnaks, spot on step by step guide. (a little hard to understand the accent but does the job. ) jay ho
You're welcome!
Really a Nice Video i done it everything you do sir...👍
Thats great to know man
A very clean explanation about the content.
Glad you liked it !! cool
Very good job! Loved the tutorial
Thank you so much!
This was super helpful!
Glad it was helpful!
When click windows installer chrome shows a privacy error
What i do🤔
installer? after what step do you get this error?
throw err;
^
Error: Cannot find module 'C:\Users\Adarsh\AppData\Roaming
pm
ode_modules
pm\bin
px-cli.js'
getting this error
C:\Program Files
odejs , add this path in env variable, replacing the old one
Bro error solved copied that path upto roaming and searched in file manager and created new folder named npm working now
Ohh okay bro cool
Hii bro one small doubt, what command did you run in terminal to get this error?
@@unitedtoptech6288 npx create-create-app first-project
How to fix the error when we get while creating npx first step?
during what step do you get this error?
when we go with the command npm start in the terminal... you got option to choose which browser u wanna use but for me it directly opened in the internet browser. How to change that. I also want to open the react app project on chrome but i didnt get the option
Just change your default browser in windows settings to chrome
Thanks a lot!
2 quick questions
1/can i delete the App.css, App.js, App.test.js, index.css, logo.svg, reportWebVitals.js, and setupTests.js from the src folder?
2/when i enter "npm start" and then close it and enter it again it will says the port 3000 already taken so what sould i do?
thanks again ♡
If you delete App.js it wont work , so try modifying the content there, for port number try changing to any other number
Create nhi ho raha hai ' cannot find module "block stream" ' error aa rahi hai
How can i fix it😢
After running what command are you getting this error?
Great video. Very easy to follow the steps. 👌👌
Glad it was helpful!
i installed all the extension like live server or javascript code snippets and node js before ( ihave made html project without react previously ) before downloading extensions of react in a C folder , will it cause problems if installe react library in D folder ?
No extensions are global and will work irrespective of where you open your project folder
sir in terminal for me getting npm err then what should we do ?
Can you paste the whole error?
I'm getting an error at 7:45 sec after running command npx create-react-app first-project. Kindly help me out
Can you please paste the whole error?
Bro i got " local host refused error" what should I do
During what step you get this?
very helpful video. thanks and well done
Thank you sir, highly recommend to beginners
So nice of you
@@unitedtoptech6288 because ur videos are so useful 😁
Thanks man
Bro can you please fix my error
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Ashok sai\AppData\Local
pm-cache\_logs\2023-06-30T16_26_53_501Z-debug-0.log
PS C:\Users\Ashok sai\Desktop\React> npm start
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\Ashok sai\Desktop\React/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\Ashok sai\Desktop\React\package.json'
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\Ashok sai\AppData\Local
pm-cache\_logs\2023-06-30T16_27_33_472Z-debug-0.log
Did u use the cd command before using npm start?
Bro I am also coming like that what can I do
did you try cd with ur project name bro?
Error: Cannot find module 'C:\Users\clear-npx-cache\bin\clear-npx-cache.js'
Can you give this a solution
can you please paste the whole error message ?
I'm have been facing an error for some days now. Kindly assist
PS C:\Users\RIK CONSORTIUM\OneDrive\Desktop
eact project> npx create-react-app first-project
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\RIKCONSORTIUM\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, 1stat 'C:\Users\RIKCONSORTIUM\AppData\Roaming
pm'
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\RIKCONSORTIUM\AppData\Local
pm-cache\_logs\2023-07-18T04 49 44_1182-debug-0.log
have u solve it?
@@eve1881 yes, I already did
@@rferabel can u tell me how ?
Check if you have added npm path in the environment variables
cd. : The term 'cd.' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.
At line:1 char:1
+ cd. First-project
+ ~~~
+ CategoryInfo : ObjectNotFound: (cd.:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
there is issue with me
only cd, u have cd. I guess
I installed the extension but when I run a react program it just show code language not supported or defined.. Is there any solution for it
Can you please paste the whole error?
very clear explanation sir. thank you so much for your help
You are most welcome
Very nice video....
Thank you very much...
You are a lifesaver! Thank you!
Glad to hear that! welcome
can u fix my pb
npm warn deprecated tar@2.2.2 : this version is no longer supported , and will not recieve security updates. please upgrade asap
tar's latest version is 6 I guess now, you need to update it
Good one
Need to install the following packages:
Create-react-app@5.0.1
Ok to proced? (y)
How to bug the error??
click on the y key
Great video!
I did everything in the video and used "node -v" to verify that node.js was correctly installed, but everytime I wwrite "npx create-react-app myApp" and hit Enter, I get this damn error message:
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\Invitado 1\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Invitado 1\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
Any ideas? It would seem to suggest that it's looking for the *npm* file in C:\Users\Invitado 1\AppData\Roaming\ , but the npm and npx (and other) files were installed in "C:\Program Files
odejs" in my computer. Maybe I need to change the path the terminal uses? I've no idea how to do that though. Very frustrating.
C:\Users\Invitado 1\AppData\Roaming\ go to this path, create an empty folder named npm , restart vs code and run the command now
so so so so helpful...thanks alot
You're very welcome!
Thanks a lot.This video is perfect.
You are welcome!
not showing edit near environment variable
try in user variables rather than system
Sir, In system variables after clicking the path there is unable click edit option . What's the reason ?
Try in user variables then, are you the system admin?
Very Useful TY !
welcome
thanks, sir for the step-by-step guidance
Happy to help!!
Please I'm getting this error npx: The term npx is not recognised as the name of a cmdlet, function, script file,or operable program.check the spelling of the name,or if a path was included, verify that the path is correct and try again
C:\Users\”system user name”\AppData\Roaming
pm add this path to environment variables, replace your system name folder in the quoted space
@@unitedtoptech6288im getting this error
PS C:\Users\Deepit\Desktop\New folder (3)\New folder (4)> npx create-react-app amazon-clone
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\Deepit\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Deepit\AppData\Roaming
pm'
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: C:\Users\Deepit\AppData\Local
pm-cache\_logs\2023-10-07T18_03_44_013Z-debug-0.log
PS C:\Users\Deepit\Desktop\New folder (3)\New folder (4)>
You need to create an empty folder named npm under that appdata/roaming folder path
I'm getting this error npx: The term npx is not recognised as the name of a cmdlet, function, script file,or operable program.check the spelling of the name,or if a path was included, verify that the path is correct and try again
You need to ask node js and npm paths to the environment variables
@@unitedtoptech6288 I am getting the same error. How to ask node js and npm paths to the environment variable?
I have shown adding node js path
'npx' is not recognized as an internal or external command,
operable program or batch file.
I am getting this error When I run create react app code in the terminal. help!
can you please check if you have addded node js path in environment variable?
its a very common problem,go to the path specified there in the users and then find the AppData file in it (it might be hidden so change options to show hidden folders ) and create a file called 'npm' .
it will work after this
thanks man@@ohm_chiluka
Great!
Thanks you so much sir! such a wonderful tutorial. ☺☺
Thank you too Sir! All the best
Thank you ..
You're welcome
Great tutorial, thank you!
You're very welcome!
such a wonderful and easy explaination
Glad you liked it!!
i don't understand why to install node js ? is it necessseary to work with react js?
Yeah it is necessary for installing npm packages and if you do any backend code
Helped a lot....Thank you so much
Glad it helped!
Thanks for Sharing:)
My pleasure 😊
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
changed 67 packages in 3s
5 packages are looking for funding
run `npm fund` for details
PS C:\Users\Dell\OneDrive\Desktop
eact project>
i am facing this while running the command, how to solve?
npm i tar, run this command please
Working now.Thank You @@unitedtoptech6288
cool
bro you are a life saver, thank you
Happy to help
I'm still getting an error code when I run the npx project name code
Can u tell me what error you are getting?
Thank you so much ! ^^
Welcome!
The term npx is not recognised it is comming what to after pasting a command
Have you added node path in environment variable?
7:42 I'm getting error,
errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\MyPC\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
go inside that Roaming folder and creare a new folder named npm and restart vs code
@@unitedtoptech6288 its working Thanks !
Great
@@unitedtoptech6288Iam getting the same error bro...but it was not solved there is no appData folder in my PC
It is a hidden folder, go to view at top , enable hidden items
How to clear terminal error
Can you paste the whole error?
great video. The npm doesnt detect the 'npm' in c\users\hp\app data
oaming after the npx create-react-app my-app command. Plz provide a solution for it.
Can you please paste the full error?
@@unitedtoptech6288 I receive the npm error too. Not sure how to resolve it.
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\{user}\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\{user}\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
go inside roaming folder and create a new folder named npm
The term npx is not defined
How to resolve this issue
Do you have npm folder under C/users/ local/appdata/roaming?
thanks for the tutorial!
Happy to help!
Thank you for the video. Very helpful
Glad it was helpful! 👍
Thankyou so much. It's really helpfull.
Most welcome!
thanks ! good video
help me how to fix this ( 6 high severity vulnerabilities?)
Did you solve this ?
great video, simple and so straightforward, it helped me and now I am able to use react apps, thanks a lot for your efforts
Glad it helped! Welcome bro
I'm having an error running the npm command, I tried clean reinstalling VS code and Node as well but it still show's errors.
It displays something like npm ERR! CODE: ENOENT , please guide me with this issue
Can you please paste the whole error?
broo i got same error, did you get solved
bro paste it here fully
@@user-ym6xj5ie2l Yeah actually I solved it, it was due to deprecated tar@2.2.2 ...for at least it was this issue
@@user-ym6xj5ie2lyou can solve it by following these steps-
In the terminal type -
npm install -g npm@latest
npm outdated
npm update
npm install tar@latest
very helpful
When im trying to create new react app, i got this type of error , what will i do?
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\jagad\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\jagad\AppData\Roaming
pm'
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: C:\Users\jagad\AppData\Local
pm-cache\_logs\2023-09-21T06_06_20_921Z-debug-0.log
You need to go inside that appdata
oaming folder as shown in the error message and check if npm folder is present, if not create a folder named npm
@@unitedtoptech6288 yes, I created npm folder
Now it is resolved
Cool!!
@@yamunanaramsetti5418how to do that i cant do can u explain me pls
Useful video❤
Glad you think so!
I like the video