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

  Рет қаралды 478,577

United Top Tech

United Top Tech

Күн бұрын

Пікірлер: 625
@minimumviablepizza
@minimumviablepizza Жыл бұрын
Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad you liked it!
@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!!
@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 ❤😊
@miielli
@miielli Жыл бұрын
Thank you very much man, you literaly saved my school project.
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad I could help!
@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
@Mannu-z5y
@Mannu-z5y Ай бұрын
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 Ай бұрын
Damn thanks!
@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 ❤‍🩹❤‍🩹
@ronethsandeepa5014
@ronethsandeepa5014 Жыл бұрын
Good tutorial everything is very clear and understandable. Recomanded
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Fantastic man , Thank you
@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
@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
@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?
@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
@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!
@pattubaby1654
@pattubaby1654 5 ай бұрын
Super bro its awesome to explain clearly and neatly 😊 and easy to understand
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
Thank you so much 😀
@deeee_veeen
@deeee_veeen Жыл бұрын
Such a beautiful tutorial thank you
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Welcome!!
@winnielee5289
@winnielee5289 Жыл бұрын
best beginner-friendly video
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad it was helpful! Welcome :)
@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
@prensudangol1547
@prensudangol1547 8 күн бұрын
Thank your bro you got rid of my headache
@unitedtoptech6288
@unitedtoptech6288 8 күн бұрын
welcome bro!
@haseebahmed6278
@haseebahmed6278 Жыл бұрын
Helpful video. Thanks!
@MsKanmanii
@MsKanmanii 11 ай бұрын
A very clean explanation about the content.
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
Glad you liked it !! cool
@sravansunkara
@sravansunkara Жыл бұрын
Thank You so much, you saved so much time for me 🙌❤
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
You're so welcome!
@Yasmin__jk
@Yasmin__jk Ай бұрын
Thank you sir😇 for your detailed and clear explanation.
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You are most welcome
@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
@NiteshKumar-xy6no
@NiteshKumar-xy6no 4 ай бұрын
Thanks brother, love from India ❤
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
Welcome Bro!!😊
@HemlataNagar-rn8cx
@HemlataNagar-rn8cx 8 ай бұрын
Thankyou so much because has a unique explantion . Its really help me
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
nice! thanks
@burst_of_colours-t3v
@burst_of_colours-t3v 8 күн бұрын
bro u are the best good tutorial broo!
@unitedtoptech6288
@unitedtoptech6288 8 күн бұрын
Thanks bro!
@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?
@ragulvasanthsm885
@ragulvasanthsm885 Жыл бұрын
Really a Nice Video i done it everything you do sir...👍
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Thats great to know man
@MalemnganbaTakhellambam
@MalemnganbaTakhellambam 9 ай бұрын
very clear explanation sir. thank you so much for your help
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
You are most welcome
@rorisangmakgaka124
@rorisangmakgaka124 Жыл бұрын
Nice video, thank you so much. It really helped me.
@valiokvaliokvaliok
@valiokvaliokvaliok Жыл бұрын
Very good job! Loved the tutorial
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Thank you so much!
@warriorsofchhatrapati7098
@warriorsofchhatrapati7098 10 ай бұрын
Thanks you so much sir! such a wonderful tutorial. ☺☺
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Thank you too Sir! All the best
@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
@SaiPrakash-e6d
@SaiPrakash-e6d 10 ай бұрын
such a wonderful and easy explaination
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Glad you liked it!!
@elizabethwanjiruk
@elizabethwanjiruk Жыл бұрын
Great video. Very easy to follow the steps. 👌👌
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad it was helpful!
@sanjays1926
@sanjays1926 Жыл бұрын
Very Helpfull Thank You All the best .
@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
@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
@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!
@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!
@ramyam1212
@ramyam1212 Жыл бұрын
very helpful video. thanks and well done
@KODLEGEND
@KODLEGEND 10 күн бұрын
thank you sir for your guidance to install the package
@unitedtoptech6288
@unitedtoptech6288 10 күн бұрын
welcome 👍 sir
@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
@davyondo6395
@davyondo6395 Жыл бұрын
this is what i was looking for!
@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?
@thedeepanshu4937
@thedeepanshu4937 2 ай бұрын
thanks Sir! Excellent video.
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
You are welcome!
@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
@JavaCodingwithRaju-kv7xc
@JavaCodingwithRaju-kv7xc Жыл бұрын
thanks, sir for the step-by-step guidance
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Happy to help!!
@fg_graphics
@fg_graphics 2 ай бұрын
bro thanks 🙏❤❤❤ it finally worked ❤❤
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Welcome 👍
@nonamely-dj2yw
@nonamely-dj2yw 2 ай бұрын
Thank you very very very much sir..........Explained ..wellllllllll....
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
So nice of you
@ashoksaipudi6999
@ashoksaipudi6999 Жыл бұрын
i followed the tutorial but its getting the error at (07:50)
@Nitheesh_nithzz
@Nitheesh_nithzz Жыл бұрын
npm : The term 'npm' 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 + npm uninstall -g create-react-app + ~~~ + CategoryInfo : ObjectNotF ound: (npm:String) [], CommandNotFou ndException + FullyQualifiedErrorId : CommandNot FoundException
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
U need to install node js and add npm path in environment variable
@rim-12
@rim-12 Жыл бұрын
@@unitedtoptech6288 how can I add npm path in environment variable
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
I guess adding node js is enough, try restarting vscode after adding that path
@pankajbhardwaj4893
@pankajbhardwaj4893 9 ай бұрын
Helpful video. Thanks!
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
Glad it was helpful!
@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
@robertl.andersonii5926
@robertl.andersonii5926 10 ай бұрын
You are a lifesaver! Thank you!
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Glad to hear that! 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
@khushisahu9762
@khushisahu9762 7 ай бұрын
Helped a lot....Thank you so much
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Glad it helped!
@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
@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
@youn-e5v
@youn-e5v 7 ай бұрын
Thank you for the video. Very helpful
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Glad it was helpful! 👍
@marcellinusnnamudi9030
@marcellinusnnamudi9030 Жыл бұрын
Very nice video.... Thank you very much...
@tayyabailyas1257
@tayyabailyas1257 Жыл бұрын
bro you are a life saver, thank you
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Happy to help
@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?
@kajalmehta8732
@kajalmehta8732 6 ай бұрын
Thankyou so much. It's really helpfull.
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Most welcome!
@suvanpattnaik6492
@suvanpattnaik6492 Жыл бұрын
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."
@deviprasadg3990
@deviprasadg3990 Жыл бұрын
Bro same problem do you know how to solve
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
C:\Users\”system user name”\AppData\Roaming pm try adding this path to env variable and restart vscode
@nirmalnehru7788
@nirmalnehru7788 10 ай бұрын
@@unitedtoptech6288 I didn't the npm file or folder in the path what in can do??
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Try creating a new folder named npm
@thejas1909
@thejas1909 8 ай бұрын
@@unitedtoptech6288 hi i have encountered the same problem if you please help me out it would be great
@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!
@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
@achrafd3688
@achrafd3688 Жыл бұрын
what about npm install -g create-react-app ?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Welcome
@ABHIRAMCHELAMALLA21BCE870
@ABHIRAMCHELAMALLA21BCE870 22 күн бұрын
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 21 күн бұрын
npm i -g npx, try running this
@mallikarjunbulla3980
@mallikarjunbulla3980 Ай бұрын
Thank you so much for this❤❤
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You're welcome 😊
@LegendUnleashed
@LegendUnleashed 9 ай бұрын
Great tutorial, thank you!
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
You're very welcome!
@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
@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
@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
@risavkumarjha6899
@risavkumarjha6899 Жыл бұрын
Thanks for Sharing:)
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
My pleasure 😊
@phoenixv873
@phoenixv873 4 ай бұрын
Bro i got " local host refused error" what should I do
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
During what step you get this?
@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
@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
@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?
@SanthiUv
@SanthiUv 4 ай бұрын
Thanks a lot.This video is perfect.
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
You are welcome!
@SundarKotturi
@SundarKotturi Жыл бұрын
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 Жыл бұрын
You need to ask node js and npm paths to the environment variables
@aayushjain7494
@aayushjain7494 Жыл бұрын
@@unitedtoptech6288 I am getting the same error. How to ask node js and npm paths to the environment variable?
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
I have shown adding node js path
@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
@mkentertainment1104
@mkentertainment1104 19 күн бұрын
Didn't open any brower in the last all process done but local host didn't open
@unitedtoptech6288
@unitedtoptech6288 19 күн бұрын
do you get any error message in console?
@ngumiperry6771
@ngumiperry6771 Жыл бұрын
7:52 im getting some errors 😢
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
What error are you getting?
@just_eri7
@just_eri7 Жыл бұрын
thanks for the tutorial!
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Happy to help!
@awkwardavacadoo
@awkwardavacadoo 7 ай бұрын
omygod thankyou so much 😭🙏🏼🙏🏼🙏🏼🙏🏼💗💗💗💗
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Welcome!! Thats a lot of emojis
@NtlonieManci
@NtlonieManci 9 ай бұрын
I really appreciate this video helps me a lot
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
Glad to know that
@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?
@athiraathi4715
@athiraathi4715 Жыл бұрын
Useful video❤
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad you think so!
@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
@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
@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 ?
@MamuBhanjiVlogers
@MamuBhanjiVlogers 6 ай бұрын
Thanks a lot it's very help ❤❤
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
You're welcome 😊
@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
@AlbanBozha
@AlbanBozha Жыл бұрын
Very Useful TY !
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
welcome
@vasabhagyalakshmi4517
@vasabhagyalakshmi4517 5 ай бұрын
sir in terminal for me getting npm err then what should we do ?
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
Can you paste the whole error?
@sateIIitepilot
@sateIIitepilot 5 ай бұрын
This was super helpful!
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
Glad it was helpful!
@__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?
@oussamatouhami5027
@oussamatouhami5027 Жыл бұрын
Thank you so much ! ^^
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Welcome!
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 3,7 МЛН
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 61 МЛН
Hostinger WordPress Tutorial 2025: Build Your Website Fast!
55:50
Create WP Site
Рет қаралды 2,5 М.
The ULTIMATE VS Code Setup for ReactJS
16:58
Visual Studio Code
Рет қаралды 19 М.
Create react projects
22:33
Hitesh Choudhary
Рет қаралды 53 М.
This VS Code theme is threatening people?
14:26
Theo - t3․gg
Рет қаралды 133 М.
React JS Full Course | Build an App and Master React in 1 Hour
1:11:44
JavaScript Mastery
Рет қаралды 1,8 МЛН
The Honey Scam: Explained
10:53
Marques Brownlee
Рет қаралды 3,9 МЛН
How to Run Node.js in Visual Studio Code | Node.js in VSCode
26:17
ProgrammingKnowledge
Рет қаралды 356 М.
VSCode Tutorial For Beginners - Getting Started With VSCode
22:57
Tech With Tim
Рет қаралды 913 М.
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН