How to run React JS app in Visual studio code tutorial | Download and install react in VS Code

  Рет қаралды 480,066

United Top Tech

United Top Tech

Күн бұрын

Пікірлер: 625
@Mannu-z5y
@Mannu-z5y 2 ай бұрын
00:07 How to run your first React.js app using Visual Studio Code 01:28 Install Node.js and add it to the environment variables 02:59 Install Node.js and Visual Studio Code for React projects 04:22 Install the necessary extensions for working with React 05:41 Create a new React app using npx 07:04 Create a React.js project using the command npx create-react-app 08:29 After running the 'npx create react app' command, various files and modules are automatically installed. 09:53 Successfully ran our first React app
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Damn thanks!
@minimumviablepizza
@minimumviablepizza Жыл бұрын
Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad you liked it!
@kirtisingh8947
@kirtisingh8947 Жыл бұрын
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
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Cool
@Meoww21375
@Meoww21375 Жыл бұрын
Nahi ho raha help ar do yaar discord ha kya?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
for?
@arham5344
@arham5344 5 ай бұрын
thanks dude
@anand_y_77
@anand_y_77 4 ай бұрын
thanks dude ❤‍🩹❤‍🩹
@keshavsainath1142
@keshavsainath1142 Жыл бұрын
I really loved this tutorial. It was explained in great detail and everything worked perfectly!! Thank you for this!!
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
You are so welcome!!!
@Pppupu6858
@Pppupu6858 6 ай бұрын
​@@unitedtoptech6288 bro even after putting the path its showing nodejs not recognized
@Code-Wave1
@Code-Wave1 11 ай бұрын
Thank you so much bro, good tutorial,that was a ggood thing using my first commands on the terminal😄
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
WELCOME BRO!!
@miielli
@miielli Жыл бұрын
Thank you very much man, you literaly saved my school project.
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad I could help!
@ronethsandeepa5014
@ronethsandeepa5014 Жыл бұрын
Good tutorial everything is very clear and understandable. Recomanded
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Fantastic man , Thank you
@deeee_veeen
@deeee_veeen Жыл бұрын
Such a beautiful tutorial thank you
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Welcome!!
@erycsaprones
@erycsaprones 4 ай бұрын
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
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
Most welcome man ❤😊
@Kreytonchild
@Kreytonchild 8 ай бұрын
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.
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
You're welcome! 😊
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Were you getting any error message because of this?
@Kreytonchild
@Kreytonchild 8 ай бұрын
@@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.
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Yeah maybe you are not inside the right folder, try giving cd command and going to the react project subfolder
@ricardorivera3385
@ricardorivera3385 11 ай бұрын
Great tutorial. Others go into VSC without first stating the need for node.js first. The tip about the environmental path was also important.
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
glad you liked it! Welcome
@s0e9p73
@s0e9p73 7 ай бұрын
You should be addressing the error after the first npx create command. It took me a hell lot of time to fix that.
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
What was the error? I did not get any
@userhope18
@userhope18 6 ай бұрын
how did you fix it?
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Can you paste the whole error here?
@KOTATHARUNKOTATHARUN
@KOTATHARUNKOTATHARUN 4 ай бұрын
@@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
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
go to this path C:\Users\Tharu\AppData\Roaming\ and create an empty folder named npm
@haseebahmed6278
@haseebahmed6278 Жыл бұрын
Helpful video. Thanks!
@pattubaby1654
@pattubaby1654 5 ай бұрын
Super bro its awesome to explain clearly and neatly 😊 and easy to understand
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
Thank you so much 😀
@winnielee5289
@winnielee5289 Жыл бұрын
best beginner-friendly video
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad it was helpful! Welcome :)
@Cindymohoto1
@Cindymohoto1 8 ай бұрын
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😂
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Great to hear!
@prensudangol1547
@prensudangol1547 10 күн бұрын
Thank your bro you got rid of my headache
@unitedtoptech6288
@unitedtoptech6288 10 күн бұрын
welcome bro!
@MsKanmanii
@MsKanmanii 11 ай бұрын
A very clean explanation about the content.
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
Glad you liked it !! cool
@Yasmin__jk
@Yasmin__jk Ай бұрын
Thank you sir😇 for your detailed and clear explanation.
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You are most welcome
@burst_of_colours-t3v
@burst_of_colours-t3v 10 күн бұрын
bro u are the best good tutorial broo!
@unitedtoptech6288
@unitedtoptech6288 10 күн бұрын
Thanks bro!
@Sakthivel-wn9qm
@Sakthivel-wn9qm Ай бұрын
Excellent Tutorial! Thank You, Sir.
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
Glad you enjoyed it!
@ApurvaAthawale-i5r
@ApurvaAthawale-i5r 6 ай бұрын
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
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Glad it helped! good luck
@KODLEGEND
@KODLEGEND 12 күн бұрын
thank you sir for your guidance to install the package
@unitedtoptech6288
@unitedtoptech6288 12 күн бұрын
welcome 👍 sir
@P_r_o_p_l_a_y
@P_r_o_p_l_a_y 8 ай бұрын
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
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
yes
@aszrvl
@aszrvl 4 ай бұрын
how to do this?
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
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
@ImmyYousafzai
@ImmyYousafzai Жыл бұрын
thnaks, spot on step by step guide. (a little hard to understand the accent but does the job. ) jay ho
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
You're welcome!
@ragulvasanthsm885
@ragulvasanthsm885 Жыл бұрын
Really a Nice Video i done it everything you do sir...👍
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Thats great to know man
@sanjays1926
@sanjays1926 Жыл бұрын
Very Helpfull Thank You All the best .
@Sourabhnotcoding
@Sourabhnotcoding Жыл бұрын
7:22 PS D:\React Project> npx create-react-app my-app npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\Soura\AppData\Roaming pm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Soura\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\Soura\AppData\Local pm-cache\_logs\2023-12-04T13_30_37_884Z-debug-0.log PS D:\React Project> getting this error 🥲
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
go to this path C:\Users\Soura\AppData\Roaming and create a folder named npm, restart vs code and run the command again
@Sourabhnotcoding
@Sourabhnotcoding Жыл бұрын
@@unitedtoptech6288 Thanks, it worked. But got another error at 8:52 npm ERR! A complete log of this run can be found in: C:\Users\Soura\AppData\Local pm-cache\_logs\2023-12-12T16_42_08_256Z-debug-0.log PS D:\React Project> npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path D:\React Project\package.json npm ERR! errno -4058 npm ERR! enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'D:\React Project\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent Please help
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
did u use cd command ? are u inside the right folder ?
@Sourabhnotcoding
@Sourabhnotcoding Жыл бұрын
@@unitedtoptech6288 Aah! mu fault, i wasn't inside right folder, thanks!
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Welcome!!
@sravansunkara
@sravansunkara Жыл бұрын
Thank You so much, you saved so much time for me 🙌❤
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
You're so welcome!
@rorisangmakgaka124
@rorisangmakgaka124 Жыл бұрын
Nice video, thank you so much. It really helped me.
@SaiPrakash-e6d
@SaiPrakash-e6d 10 ай бұрын
such a wonderful and easy explaination
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Glad you liked it!!
@valiokvaliokvaliok
@valiokvaliokvaliok Жыл бұрын
Very good job! Loved the tutorial
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Thank you so much!
@ISOTechEXE
@ISOTechEXE 10 ай бұрын
Music for my ears, EVERY code tutorial must sound like this
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Wow thanks, you mean my voice is good?
@HemlataNagar-rn8cx
@HemlataNagar-rn8cx 8 ай бұрын
Thankyou so much because has a unique explantion . Its really help me
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
nice! thanks
@NiteshKumar-xy6no
@NiteshKumar-xy6no 4 ай бұрын
Thanks brother, love from India ❤
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
Welcome Bro!!😊
@ramyam1212
@ramyam1212 Жыл бұрын
very helpful video. thanks and well done
@MalemnganbaTakhellambam
@MalemnganbaTakhellambam 9 ай бұрын
very clear explanation sir. thank you so much for your help
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
You are most welcome
@davyondo6395
@davyondo6395 Жыл бұрын
this is what i was looking for!
@armanramdul548
@armanramdul548 3 ай бұрын
I am not getting any error but the packaging downloding process is no ending plz tell me anybody know what to do
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
Did you download from the same one as I did?
@Tech_knowledgey_for_you
@Tech_knowledgey_for_you 5 ай бұрын
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...😔
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
npm i -g npx, tun this please
@nonamely-dj2yw
@nonamely-dj2yw 2 ай бұрын
Thank you very very very much sir..........Explained ..wellllllllll....
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
So nice of you
@NovemberXXI
@NovemberXXI Жыл бұрын
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?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
No idea bro, try searching in stackoverflow they seem to have some solutions
@josephquintiliano2904
@josephquintiliano2904 Жыл бұрын
Asking for bread since it’s a free open source
@ambarishambarish3554
@ambarishambarish3554 Жыл бұрын
Same problem bro how to solve this problem pls any help me solve this
@NovemberXXI
@NovemberXXI Жыл бұрын
@@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
@AnshuKumar-dq7kq
@AnshuKumar-dq7kq Жыл бұрын
@novemberxxi6092
@elizabethwanjiruk
@elizabethwanjiruk Жыл бұрын
Great video. Very easy to follow the steps. 👌👌
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad it was helpful!
@marcellinusnnamudi9030
@marcellinusnnamudi9030 Жыл бұрын
Very nice video.... Thank you very much...
@Vts-00
@Vts-00 Ай бұрын
For every react project do we need to perform the same installation. Every time have to install like this or not
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
yeah for every new one
@Willard25
@Willard25 6 ай бұрын
Thank you sir, highly recommend to beginners
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
So nice of you
@Willard25
@Willard25 6 ай бұрын
@@unitedtoptech6288 because ur videos are so useful 😁
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Thanks man
@sumithraKumar-l7g
@sumithraKumar-l7g 3 ай бұрын
Thank you so much for this perfect tutorial.
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
You're very welcome!
@JavaCodingwithRaju-kv7xc
@JavaCodingwithRaju-kv7xc Жыл бұрын
thanks, sir for the step-by-step guidance
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Happy to help!!
@chandanakr5092
@chandanakr5092 2 ай бұрын
I installed everything but uts showing the term npx is not recognized as the name of cmdlet what to do
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
npm i -g npx, run this
@bhavanatallapaka3166
@bhavanatallapaka3166 5 ай бұрын
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.
@27mohammedibrahim43
@27mohammedibrahim43 5 ай бұрын
install latest version of node js and try again
@bhavanatallapaka3166
@bhavanatallapaka3166 5 ай бұрын
@@27mohammedibrahim43 I have restarted my pc, And it's working..
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
Great bro
@artbypavithra
@artbypavithra 10 ай бұрын
I'm getting an error at 7:45 sec after running command npx create-react-app first-project. Kindly help me out
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Can you please paste the whole error?
@syedmohsinshah4043
@syedmohsinshah4043 3 ай бұрын
Thank you sir i need your fully course of react js need help me
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
I don't have any course like that, but have a few in my react playlist
@thedeepanshu4937
@thedeepanshu4937 2 ай бұрын
thanks Sir! Excellent video.
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
You are welcome!
@natandereje2663
@natandereje2663 Ай бұрын
thanks so much its perfect you really help me but i got some challenge that i face it was restricted executionpolicy in power shell actually i fix it but if you can add it in your video
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
Can you pls paste the whole error you got?
@warriorsofchhatrapati7098
@warriorsofchhatrapati7098 10 ай бұрын
Thanks you so much sir! such a wonderful tutorial. ☺☺
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Thank you too Sir! All the best
@LeoRevenant999
@LeoRevenant999 Жыл бұрын
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.
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
go inside that Roaming folder and creare a new folder named npm and restart vs code
@solidninja
@solidninja 8 ай бұрын
@@unitedtoptech6288 its working Thanks !
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Great
@madhuripanda1712
@madhuripanda1712 5 ай бұрын
​@@unitedtoptech6288Iam getting the same error bro...but it was not solved there is no appData folder in my PC
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
It is a hidden folder, go to view at top , enable hidden items
@oozaidoo380
@oozaidoo380 6 ай бұрын
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 ♡
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
If you delete App.js it wont work , so try modifying the content there, for port number try changing to any other number
@robertl.andersonii5926
@robertl.andersonii5926 10 ай бұрын
You are a lifesaver! Thank you!
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Glad to hear that! welcome
@tayyabailyas1257
@tayyabailyas1257 Жыл бұрын
bro you are a life saver, thank you
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Happy to help
@awkwardavacadoo
@awkwardavacadoo 7 ай бұрын
omygod thankyou so much 😭🙏🏼🙏🏼🙏🏼🙏🏼💗💗💗💗
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Welcome!! Thats a lot of emojis
@pankajbhardwaj4893
@pankajbhardwaj4893 9 ай бұрын
Helpful video. Thanks!
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
Glad it was helpful!
@abisheksundarvelpandiyan1104
@abisheksundarvelpandiyan1104 3 ай бұрын
Uncaught ReferenceError: node is not defined please recitify the solution. i step by step install in node js. but in terminal i go and type for node -v they will be showing Uncaught ReferenceError: node is not defined
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
Can you pls check if you have added the right path in environment variable?
@abisheksundarvelpandiyan1104
@abisheksundarvelpandiyan1104 3 ай бұрын
@@unitedtoptech6288 yeah, i add right path
@abisheksundarvelpandiyan1104
@abisheksundarvelpandiyan1104 3 ай бұрын
@@unitedtoptech6288 please how to contact give me a tip coz i make a social impact application.
@abisheksundarvelpandiyan1104
@abisheksundarvelpandiyan1104 3 ай бұрын
@@unitedtoptech6288 yeah, i had added right path
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
If you added the right path you won't get any error
@rahulpawar5927
@rahulpawar5927 Жыл бұрын
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.
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Can you please paste the full error?
@SamHocking
@SamHocking 10 ай бұрын
@@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
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
go inside roaming folder and create a new folder named npm
@youn-e5v
@youn-e5v 7 ай бұрын
Thank you for the video. Very helpful
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Glad it was helpful! 👍
@risavkumarjha6899
@risavkumarjha6899 Жыл бұрын
Thanks for Sharing:)
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
My pleasure 😊
@giorgichikovani6012
@giorgichikovani6012 6 ай бұрын
npx create-react-app command is deprecated and no longer being maintained, mostly common used technologies now are next or vite
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
for practice this is fine
@mkentertainment1104
@mkentertainment1104 21 күн бұрын
Didn't open any brower in the last all process done but local host didn't open
@unitedtoptech6288
@unitedtoptech6288 21 күн бұрын
do you get any error message in console?
@ABHIRAMCHELAMALLA21BCE870
@ABHIRAMCHELAMALLA21BCE870 24 күн бұрын
I'm getting the 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. pls help me
@unitedtoptech6288
@unitedtoptech6288 23 күн бұрын
npm i -g npx, try running this
@khushisahu9762
@khushisahu9762 7 ай бұрын
Helped a lot....Thank you so much
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Glad it helped!
@achrafd3688
@achrafd3688 Жыл бұрын
what about npm install -g create-react-app ?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Welcome
@HimanshuYadav-by6cx
@HimanshuYadav-by6cx Ай бұрын
if it is showing error on npx line use the code Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass and then try works for me
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
So how did you make it work?
@fg_graphics
@fg_graphics 2 ай бұрын
bro thanks 🙏❤❤❤ it finally worked ❤❤
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Welcome 👍
@ShifaShaikh-k4o
@ShifaShaikh-k4o 6 ай бұрын
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
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Just change your default browser in windows settings to chrome
@kajalmehta8732
@kajalmehta8732 6 ай бұрын
Thankyou so much. It's really helpfull.
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Most welcome!
@SanthiUv
@SanthiUv 5 ай бұрын
Thanks a lot.This video is perfect.
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
You are welcome!
@notbunnyyt444
@notbunnyyt444 3 ай бұрын
npx create-react-app my-app error found: 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
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
npm i -g npx, try running this
@mallikarjunbulla3980
@mallikarjunbulla3980 Ай бұрын
Thank you so much for this❤❤
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You're welcome 😊
@SOSSVT
@SOSSVT Жыл бұрын
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 ?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
No extensions are global and will work irrespective of where you open your project folder
@ShathyapriyanA-sx9om
@ShathyapriyanA-sx9om 2 ай бұрын
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 ih + ~~~ + CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException I have this error
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
npm i -g npx, run this
@LegendUnleashed
@LegendUnleashed 9 ай бұрын
Great tutorial, thank you!
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
You're very welcome!
@phoenixv873
@phoenixv873 4 ай бұрын
Bro i got " local host refused error" what should I do
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
During what step you get this?
@educationrevolution9561
@educationrevolution9561 5 ай бұрын
npx create-react-app when i'm pasted this in new terminal its created alots of error. tell me what can i do
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
I have replied
@narendrakajla77
@narendrakajla77 Жыл бұрын
great video, simple and so straightforward, it helped me and now I am able to use react apps, thanks a lot for your efforts
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad it helped! Welcome bro
@anindiansquirrel
@anindiansquirrel 9 ай бұрын
'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!
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
can you please check if you have addded node js path in environment variable?
@ohm_chiluka
@ohm_chiluka 9 ай бұрын
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
@anindiansquirrel
@anindiansquirrel 9 ай бұрын
thanks man@@ohm_chiluka
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
Great!
@NtlonieManci
@NtlonieManci 9 ай бұрын
I really appreciate this video helps me a lot
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
Glad to know that
@__commentry_812
@__commentry_812 6 ай бұрын
When click windows installer chrome shows a privacy error What i do🤔
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
installer? after what step do you get this error?
@terryliu3635
@terryliu3635 28 күн бұрын
Hello, is node js is must for me to run hello world React in Vs.code?
@unitedtoptech6288
@unitedtoptech6288 28 күн бұрын
yeah it is, without it react app can't be created
@terryliu3635
@terryliu3635 28 күн бұрын
@ thanks! I had thought the simple hello world (1 html + 1 jsx) can be interpreted by the safari browser when I click on the html file….and was wondering why it didn’t work.
@unitedtoptech6288
@unitedtoptech6288 28 күн бұрын
here we also need to install many packages and node modules which can be done using npm node package manager which aren't required in html and css
@taherboudriga9262
@taherboudriga9262 Жыл бұрын
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
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
tar's latest version is 6 I guess now, you need to update it
@ashoksaipudi6999
@ashoksaipudi6999 Жыл бұрын
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
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Did u use the cd command before using npm start?
@lellanari8512
@lellanari8512 Жыл бұрын
Bro I am also coming like that what can I do
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
did you try cd with ur project name bro?
@amishamallick468
@amishamallick468 Жыл бұрын
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
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Can you please paste the whole error?
@daviswilliam8678
@daviswilliam8678 Жыл бұрын
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
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
C:\Users\”system user name”\AppData\Roaming pm add this path to environment variables, replace your system name folder in the quoted space
@Nayak_20__
@Nayak_20__ Жыл бұрын
​@@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)>
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
You need to create an empty folder named npm under that appdata/roaming folder path
@just_eri7
@just_eri7 Жыл бұрын
thanks for the tutorial!
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Happy to help!
@GameforPeace31
@GameforPeace31 Жыл бұрын
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
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
only cd, u have cd. I guess
@P_r_o_p_l_a_y
@P_r_o_p_l_a_y 8 ай бұрын
throw err; ^ Error: Cannot find module 'C:\Users\Adarsh\AppData\Roaming pm ode_modules pm\bin px-cli.js' getting this error
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
C:\Program Files odejs , add this path in env variable, replacing the old one
@P_r_o_p_l_a_y
@P_r_o_p_l_a_y 8 ай бұрын
Bro error solved copied that path upto roaming and searched in file manager and created new folder named npm working now
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Ohh okay bro cool
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Hii bro one small doubt, what command did you run in terminal to get this error?
@P_r_o_p_l_a_y
@P_r_o_p_l_a_y 8 ай бұрын
​@@unitedtoptech6288 npx create-create-app first-project
@keerthanarajamani-bv2mg
@keerthanarajamani-bv2mg 11 ай бұрын
Error: Cannot find module 'C:\Users\clear-npx-cache\bin\clear-npx-cache.js' Can you give this a solution
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
can you please paste the whole error message ?
@gouthamreddy9502
@gouthamreddy9502 3 ай бұрын
Thanks working perfectly
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
Welcome 👍
@gadaramjayakrishna9376
@gadaramjayakrishna9376 Жыл бұрын
Sir, In system variables after clicking the path there is unable click edit option . What's the reason ?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Try in user variables then, are you the system admin?
@athiraathi4715
@athiraathi4715 Жыл бұрын
Useful video❤
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad you think so!
@Mohammed-hg6kw
@Mohammed-hg6kw 10 ай бұрын
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
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Can you please paste the whole error?
@SaiPrakash-e6d
@SaiPrakash-e6d 10 ай бұрын
broo i got same error, did you get solved
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
bro paste it here fully
@Mohammed-hg6kw
@Mohammed-hg6kw 10 ай бұрын
​@@SaiPrakash-e6d Yeah actually I solved it, it was due to deprecated tar@2.2.2 ...for at least it was this issue
@Mohammed-hg6kw
@Mohammed-hg6kw 10 ай бұрын
​@@SaiPrakash-e6dyou can solve it by following these steps- In the terminal type - npm install -g npm@latest npm outdated npm update npm install tar@latest
@Olderaccount17
@Olderaccount17 Жыл бұрын
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.
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
C:\Users\Invitado 1\AppData\Roaming\ go to this path, create an empty folder named npm , restart vs code and run the command now
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 3,7 МЛН
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
How to Install React JS In Visual Studio Code
8:03
OnlineITtuts Tutorials
Рет қаралды 135 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 210 М.
React Native just dropped a MASSIVE update
15:06
Mehul - Codedamn
Рет қаралды 72 М.
The ULTIMATE VS Code Setup for ReactJS
16:58
Visual Studio Code
Рет қаралды 19 М.
CREATE Your First React App in 5 Minutes with npm & npx 🚀
12:10
Coding Wallah Sir
Рет қаралды 14 М.
How to Run React JS App in VS Code [2024] Complete Guide | React in VS Code
9:17
How To Install React Js & Setup Your First Project ✅
8:51
Rishav Chanda
Рет қаралды 228 М.
Create react projects
22:33
Hitesh Choudhary
Рет қаралды 54 М.
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН