How to run React JS app in Visual studio code tutorial | Download and install react in VS Code 2024
HTML-код
- Опубликовано: 9 фев 2023
- How to run your first react js app project in visual studio code using node js is shown
#reactjs #reactjstutorial #vscode
npm command: unitedtoptech.com/run-react-j... - Наука
Check description for the commands used
Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏
Glad you liked it!
I really loved this tutorial. It was explained in great detail and everything worked perfectly!! Thank you for this!!
You are so welcome!!!
Thank you so much bro, good tutorial,that was a ggood thing using my first commands on the terminal😄
WELCOME BRO!!
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
Helpful video. Thanks!
Thank you very much man, you literaly saved my school project.
Glad I could help!
this is what i was looking for!
Good tutorial everything is very clear and understandable. Recomanded
Fantastic man , Thank you
Nice video, thank you so much. It really helped me.
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!
Thank You so much, you saved so much time for me 🙌❤
You're so welcome!
Such a beautiful tutorial thank you
Welcome!!
Very Helpfull Thank You All the best .
best beginner-friendly video
Glad it was helpful! Welcome :)
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
very helpful video. thanks and well done
Very good job! Loved the tutorial
Thank you so much!
Very nice video....
Thank you very much...
Great video. Very easy to follow the steps. 👌👌
Glad it was helpful!
I spend approx 2.3 hours but only yours video will help me thanks a lot ❤
You're welcome 😊
thanks, sir for the step-by-step guidance
Happy to help!!
Music for my ears, EVERY code tutorial must sound like this
Wow thanks, you mean my voice is good?
Really a Nice Video i done it everything you do sir...👍
Thats great to know man
Good one
A very clean explanation about the content.
Glad you liked it !! cool
thnaks, spot on step by step guide. (a little hard to understand the accent but does the job. ) jay ho
You're welcome!
Great video!
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
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
very clear explanation sir. thank you so much for your help
You are most welcome
very helpful
Very Useful TY !
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
Thankyou so much because has a unique explantion . Its really help me
nice! thanks
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
You are a lifesaver! Thank you!
Glad to hear that! welcome
Thanks you so much sir! such a wonderful tutorial. ☺☺
Thank you too Sir! All the best
Thank you so much ! ^^
Welcome!
Thanks for Sharing:)
My pleasure 😊
bro you are a life saver, thank you
Happy to help
thanks ! good video
thanks for the tutorial!
Happy to help!
wonderful
Thank you! Cheers!
Helped a lot....Thank you so much
Glad it helped!
Thank you 👍
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
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
such a wonderful and easy explaination
Glad you liked it!!
Thank you for the video. Very helpful
Glad it was helpful! 👍
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
Great tutorial, thank you!
You're very welcome!
Useful video❤
Glad you think so!
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
this is really really helpful thank you sir
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
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?
'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!
Thank you!
Glad to help!!
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?
I like the video
hey man,, i used the following steos that you used until putting in the npx command into your VS Code Terminal, but it isnt working for me instead showing error. It also shows "The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable program."
Bro same problem do you know how to solve
C:\Users\”system user name”\AppData\Roaming
pm try adding this path to env variable and restart vscode
@@unitedtoptech6288 I didn't the npm file or folder in the path what in can do??
Try creating a new folder named npm
@@unitedtoptech6288 hi i have encountered the same problem if you please help me out it would be great
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
very usefull
Thanks
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 ?
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?
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?
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
Thanks
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
I really appreciate this video helps me a lot
Glad to know that
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
Thank u so much ❤
You're welcome 😊
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
Thank you sir♥️
Welcome!!
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
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
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
Thanku dude
thanks so much
WELCOME
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
❤
Cool
I'm still getting an error code when I run the npx project name code
Can u tell me what error you are getting?
omygod thankyou so much 😭🙏🏼🙏🏼🙏🏼🙏🏼💗💗💗💗
Welcome!! Thats a lot of emojis
Thank bro❤❤
No problem
thankyou man
Happy to help
best , helped a lot trying to this for 3 hours 😭😭😭
Glad it worked!! Welcome
what about npm install -g create-react-app ?
Welcome
thank you
Welcome too!!
thank you very helpful
You're welcome!😊
thanks bro
Welcome
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
help me how to fix this ( 6 high severity vulnerabilities?)
Did you solve this ?
The term npx is not recognised it is comming what to after pasting a command
Have you added node path in environment variable?
Thanks for the video
Our pleasure!
PS C:\Users\HP\Desktop\ultimate-react-course-main> npx create-react-app@5 pizza-menu
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\HP\AppData\Roaming
pm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\HP\AppData\Roaming
pm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
i'm getting this error how to solve it ?
go to appdata/roaming folder and create a new folder named npm
👍👌
cool
Thank you ..
You're welcome
Thankyou 🎉
You’re welcome 😊
Thank You!
You're welcome!