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

  Рет қаралды 413,250

United Top Tech

United Top Tech

Күн бұрын

How to run your first react js app project in visual studio code using node js is shown
#reactjs #reactjstutorial #vscode

Пікірлер: 622
@armanramdul548
@armanramdul548 11 күн бұрын
I am not getting any error but the packaging downloding process is no ending plz tell me anybody know what to do
@unitedtoptech6288
@unitedtoptech6288 9 күн бұрын
Did you download from the same one as I did?
@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 :)
@MamuBhanjiVlogers
@MamuBhanjiVlogers 3 ай бұрын
Thanks a lot it's very help ❤❤
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
You're welcome 😊
@Diana-ul1lc
@Diana-ul1lc Жыл бұрын
Thank you!
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Glad to help!!
@ngumiperry6771
@ngumiperry6771 Жыл бұрын
7:52 im getting some errors 😢
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
What error are you getting?
@abhinabasen4486
@abhinabasen4486 Жыл бұрын
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?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
When are you geting this error ? when creating react app or trying to run it ?
@mukesh6205
@mukesh6205 Жыл бұрын
I solved this using the following command. npm uninstall -g create-react-app then npm install -g create-react-app
@RajatPatodi
@RajatPatodi Жыл бұрын
@@mukesh6205 worked for me too. thanks brother
@mukesh6205
@mukesh6205 Жыл бұрын
@@RajatPatodi welcome 🤗 bro
@tanishabiswas6268
@tanishabiswas6268 Жыл бұрын
​@@mukesh6205Thank you so much❤ you saved me
@phoenixv873
@phoenixv873 Ай бұрын
Bro i got " local host refused error" what should I do
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
During what step you get this?
@gurram.lakshmitulasi
@gurram.lakshmitulasi 2 ай бұрын
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 2 ай бұрын
npm i -g npx, tun this please
@Code-Wave1
@Code-Wave1 8 ай бұрын
Thank you so much bro, good tutorial,that was a ggood thing using my first commands on the terminal😄
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
WELCOME BRO!!
@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 9 ай бұрын
Nahi ho raha help ar do yaar discord ha kya?
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
for?
@arham5344
@arham5344 2 ай бұрын
thanks dude
@anand_y_77
@anand_y_77 Ай бұрын
thanks dude ❤‍🩹❤‍🩹
@Sundarsoundofficial
@Sundarsoundofficial 17 сағат бұрын
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 5 сағат бұрын
Can you pls check if you have added the right path in environment variable?
@Sundarsoundofficial
@Sundarsoundofficial 5 сағат бұрын
@@unitedtoptech6288 yeah, i add right path
@Sundarsoundofficial
@Sundarsoundofficial 5 сағат бұрын
@@unitedtoptech6288 please how to contact give me a tip coz i make a social impact application.
@Sundarsoundofficial
@Sundarsoundofficial 5 сағат бұрын
@@unitedtoptech6288 yeah, i had added right path
@unitedtoptech6288
@unitedtoptech6288 4 сағат бұрын
If you added the right path you won't get any error
@P_r_o_p_l_a_y
@P_r_o_p_l_a_y 5 ай бұрын
throw err; ^ Error: Cannot find module 'C:\Users\Adarsh\AppData\Roaming pm ode_modules pm\bin px-cli.js' getting this error
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
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 5 ай бұрын
Bro error solved copied that path upto roaming and searched in file manager and created new folder named npm working now
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
Ohh okay bro cool
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
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 5 ай бұрын
​@@unitedtoptech6288 npx create-create-app first-project
@JokoLane
@JokoLane 3 ай бұрын
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
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
You need to add the path appdata/roaming/npm in environment variable and rerun
@minimumviablepizza
@minimumviablepizza 10 ай бұрын
Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Glad you liked it!
@notbunnyyt444
@notbunnyyt444 15 күн бұрын
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 14 күн бұрын
npm i -g npx, try running this
@achrafd3688
@achrafd3688 10 ай бұрын
what about npm install -g create-react-app ?
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Welcome
@HemlataNagar-rn8cx
@HemlataNagar-rn8cx 4 ай бұрын
Thankyou so much because has a unique explantion . Its really help me
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
nice! thanks
@rutujabandal4862
@rutujabandal4862 2 ай бұрын
Finally got solution😢
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
great
@sinegaelumalai5562
@sinegaelumalai5562 8 ай бұрын
Thank you ..
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
You're welcome
@needofnerd4034
@needofnerd4034 4 ай бұрын
PS D:\React Project> npx create-react-app art -app npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\Windows\AppData\Roaming pm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Windows\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\Windows\AppData\Local pm-cache\_logs\2024-05-19T15_31_46_515Z-debug-0.log PS D:\React Project>
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
go to this folder C:\Users\Windows\AppData\Roaming and create an empty folder named npm inside roaming
@omkr19
@omkr19 5 ай бұрын
Need to install the following packages: Create-react-app@5.0.1 Ok to proced? (y) How to bug the error??
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
click on the y key
@Vedika_porwal
@Vedika_porwal Ай бұрын
Create nhi ho raha hai ' cannot find module "block stream" ' error aa rahi hai How can i fix it😢
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
After running what command are you getting this error?
@rferabel
@rferabel Жыл бұрын
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
@eve1881
@eve1881 Жыл бұрын
have u solve it?
@rferabel
@rferabel Жыл бұрын
@@eve1881 yes, I already did
@eve1881
@eve1881 Жыл бұрын
@@rferabel can u tell me how ?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Check if you have added npm path in the environment variables
@P_r_o_p_l_a_y
@P_r_o_p_l_a_y 5 ай бұрын
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 5 ай бұрын
yes
@aszrvl
@aszrvl Ай бұрын
how to do this?
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
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
@erycsaprones
@erycsaprones Ай бұрын
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 Ай бұрын
Most welcome man ❤😊
@educationrevolution9561
@educationrevolution9561 2 ай бұрын
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 2 ай бұрын
I have replied
@syedmohsinshah4043
@syedmohsinshah4043 16 күн бұрын
Thank you sir i need your fully course of react js need help me
@unitedtoptech6288
@unitedtoptech6288 15 күн бұрын
I don't have any course like that, but have a few in my react playlist
@NiteshKumar-xy6no
@NiteshKumar-xy6no Ай бұрын
Thanks brother, love from India ❤
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
Welcome Bro!!😊
@__commentry_812
@__commentry_812 3 ай бұрын
When click windows installer chrome shows a privacy error What i do🤔
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
installer? after what step do you get this error?
@bhavanatallapaka3166
@bhavanatallapaka3166 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 my-reactapp + ~~~ + CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException I am getting this error.
@27mohammedibrahim43
@27mohammedibrahim43 2 ай бұрын
install latest version of node js and try again
@bhavanatallapaka3166
@bhavanatallapaka3166 2 ай бұрын
@@27mohammedibrahim43 I have restarted my pc, And it's working..
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Great bro
@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 8 ай бұрын
did you try cd with ur project name bro?
@sumithraKumar-l7g
@sumithraKumar-l7g 11 күн бұрын
Thank you so much for this perfect tutorial.
@unitedtoptech6288
@unitedtoptech6288 11 күн бұрын
Glad you enjoyed it!
@sumithraKumar-l7g
@sumithraKumar-l7g 11 күн бұрын
Thank you so much for this perfect tutorial.
@unitedtoptech6288
@unitedtoptech6288 11 күн бұрын
You're very welcome!
@miielli
@miielli 10 ай бұрын
Thank you very much man, you literaly saved my school project.
@unitedtoptech6288
@unitedtoptech6288 10 ай бұрын
Glad I could help!
@vasabhagyalakshmi4517
@vasabhagyalakshmi4517 2 ай бұрын
sir in terminal for me getting npm err then what should we do ?
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Can you paste the whole error?
@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 3 ай бұрын
​@@unitedtoptech6288 bro even after putting the path its showing nodejs not recognized
@AnushaNG-ls6kf
@AnushaNG-ls6kf 18 күн бұрын
send you send how to set up react native in visual code
@unitedtoptech6288
@unitedtoptech6288 18 күн бұрын
Will do it
@ancitadfernandes8243
@ancitadfernandes8243 2 ай бұрын
How to fix the error when we get while creating npx first step?
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
during what step do you get this error?
@s0e9p73
@s0e9p73 4 ай бұрын
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 4 ай бұрын
What was the error? I did not get any
@userhope18
@userhope18 3 ай бұрын
how did you fix it?
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
Can you paste the whole error here?
@KOTATHARUNKOTATHARUN
@KOTATHARUNKOTATHARUN Ай бұрын
@@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 Ай бұрын
go to this path C:\Users\Tharu\AppData\Roaming\ and create an empty folder named npm
@cricket_kaburlu
@cricket_kaburlu 3 ай бұрын
Thank you so much
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
Any time
@gouthamreddy9502
@gouthamreddy9502 14 күн бұрын
Thanks working perfectly
@unitedtoptech6288
@unitedtoptech6288 14 күн бұрын
Welcome 👍
@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
@adelinkuetsogne5893
@adelinkuetsogne5893 2 күн бұрын
too long... plz go right to the point
@unitedtoptech6288
@unitedtoptech6288 2 күн бұрын
for the beginners
@BOUDA_EDITZ
@BOUDA_EDITZ 9 ай бұрын
Bro create react app sample website how to product sale site create
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
Ok soon!!
@SanthiUv
@SanthiUv Ай бұрын
Thanks a lot.This video is perfect.
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You are welcome!
@ronethsandeepa5014
@ronethsandeepa5014 Жыл бұрын
Good tutorial everything is very clear and understandable. Recomanded
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Fantastic man , Thank you
@ISOTechEXE
@ISOTechEXE 7 ай бұрын
Music for my ears, EVERY code tutorial must sound like this
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Wow thanks, you mean my voice is good?
@priyankapatel2247
@priyankapatel2247 29 күн бұрын
I don't know why I am getting errors
@unitedtoptech6288
@unitedtoptech6288 29 күн бұрын
can you paste the whole error?
@educationrevolution9561
@educationrevolution9561 2 ай бұрын
npm error code ENOENT npm error syscall lstat npm error path C:\Users\hp\AppData\Roaming pm npm error errno -4058 npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\hp\AppData\Roaming pm' npm error enoent This is related to npm not being able to find a file. npm error enoent npm error A complete log of this run can be found in: C:\Users\hp\AppData\Local pm-cache\_logs\2024-07-14T11_15_56_697Z-debug-0.log D:\React Project>cd first-project The system cannot find the path specified. D:\React Project>npx create-react-app my-react-app npm error code ENOENT npm error syscall lstat npm error path C:\Users\hp\AppData\Roaming pm npm error errno -4058 npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\hp\AppData\Roaming pm' npm error enoent This is related to npm not being able to find a file. npm error enoent npm error A complete log of this run can be found in: C:\Users\hp\AppData\Local pm-cache\_logs\2024-07-14T11_21_07_494Z-debug-0.log
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
go to that roaming folder and create a new folder named npm
@educationrevolution9561
@educationrevolution9561 2 ай бұрын
@@unitedtoptech6288 ok
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
it worked?
@MouliShreeSharma
@MouliShreeSharma 2 ай бұрын
I was getting the same error, solved using this solution, it worked 😊 Thank you so much 😊😊
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Most welcome 😊
@bhavanatallapaka3166
@bhavanatallapaka3166 2 ай бұрын
not showing edit near environment variable
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
try in user variables rather than system
@oozaidoo380
@oozaidoo380 3 ай бұрын
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 3 ай бұрын
If you delete App.js it wont work , so try modifying the content there, for port number try changing to any other number
@sudeepkarki4918
@sudeepkarki4918 11 ай бұрын
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 ?
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
go to appdata/roaming folder and create a new folder named npm
@Olderaccount17
@Olderaccount17 10 ай бұрын
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 10 ай бұрын
C:\Users\Invitado 1\AppData\Roaming\ go to this path, create an empty folder named npm , restart vs code and run the command now
@keerthanarajamani-bv2mg
@keerthanarajamani-bv2mg 8 ай бұрын
Error: Cannot find module 'C:\Users\clear-npx-cache\bin\clear-npx-cache.js' Can you give this a solution
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
can you please paste the whole error message ?
@giorgichikovani6012
@giorgichikovani6012 3 ай бұрын
npx create-react-app command is deprecated and no longer being maintained, mostly common used technologies now are next or vite
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
for practice this is fine
@ShifaShaikh-k4o
@ShifaShaikh-k4o 3 ай бұрын
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 3 ай бұрын
Just change your default browser in windows settings to chrome
@pavithravavilapalli275
@pavithravavilapalli275 7 ай бұрын
I'm getting an error at 7:45 sec after running command npx create-react-app first-project. Kindly help me out
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
Can you please paste the whole error?
@IhsanAbbasi-d1i
@IhsanAbbasi-d1i Ай бұрын
so so so so helpful...thanks alot
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You're very welcome!
@ApurvaAthawale-i5r
@ApurvaAthawale-i5r 3 ай бұрын
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 3 ай бұрын
Glad it helped! good luck
@amishamallick468
@amishamallick468 10 ай бұрын
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 10 ай бұрын
Can you please paste the whole error?
@rorisangmakgaka124
@rorisangmakgaka124 Жыл бұрын
Nice video, thank you so much. It really helped me.
@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
@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
@pattubaby1654
@pattubaby1654 2 ай бұрын
Super bro its awesome to explain clearly and neatly 😊 and easy to understand
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
Thank you so much 😀
@neeraja_r_eddy3310
@neeraja_r_eddy3310 Ай бұрын
How to clear terminal error
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
Can you paste the whole error?
@User10001-n
@User10001-n 7 ай бұрын
PS C:\Users\DELL\OneDrive\Desktop\React> npx create-react-app kbx npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\DELL\AppData\Roaming pm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\DELL\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\DELL\AppData\Local pm-cache\_logs\2024-02-27T10_54_42_551Z-debug-0.log bro i got a error like this bto how can i solve it
@unitedtoptech6288
@unitedtoptech6288 7 ай бұрын
go inside that roaming folder and create a new folder named npm
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
That didn't work ? maybe try reinstalling node js
@luciferhn1983
@luciferhn1983 4 ай бұрын
Thank you very much 🙏🙏
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
You're most welcome
@احلامكامل-م7ن
@احلامكامل-م7ن 4 ай бұрын
thank you very helpful
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
You're welcome!😊
@I_am_alicefr
@I_am_alicefr 8 ай бұрын
i don't understand why to install node js ? is it necessseary to work with react js?
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
Yeah it is necessary for installing npm packages and if you do any backend code
@vuongnguyenngoc4374
@vuongnguyenngoc4374 Ай бұрын
great tutorial, thks
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
Glad it was helpful!
@haseebahmed6278
@haseebahmed6278 Жыл бұрын
Helpful video. Thanks!
@kajalmehta8732
@kajalmehta8732 3 ай бұрын
Thankyou so much. It's really helpfull.
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
Most welcome!
@warriorsofchhatrapati7098
@warriorsofchhatrapati7098 6 ай бұрын
Thanks you so much sir! such a wonderful tutorial. ☺☺
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Thank you too Sir! All the best
@cr7-dd7fb
@cr7-dd7fb 2 ай бұрын
i am no longer racist
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
why?
@MalemnganbaTakhellambam
@MalemnganbaTakhellambam 5 ай бұрын
very clear explanation sir. thank you so much for your help
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
You are most welcome
@sravansunkara
@sravansunkara Жыл бұрын
Thank You so much, you saved so much time for me 🙌❤
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
You're so welcome!
@adhisnehareddy3935
@adhisnehareddy3935 11 ай бұрын
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?
@unitedtoptech6288
@unitedtoptech6288 11 ай бұрын
npm i tar, run this command please
@LakshmiPriyanka-l2w
@LakshmiPriyanka-l2w 9 ай бұрын
Working now.Thank You @@unitedtoptech6288
@unitedtoptech6288
@unitedtoptech6288 8 ай бұрын
cool
@ImmyYousafzai
@ImmyYousafzai 10 ай бұрын
thnaks, spot on step by step guide. (a little hard to understand the accent but does the job. ) jay ho
@unitedtoptech6288
@unitedtoptech6288 9 ай бұрын
You're welcome!
@raghuraghav6636
@raghuraghav6636 Жыл бұрын
How to add environment path variables in ubuntu OS?
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
No idea bro :(
@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?
@derdart_
@derdart_ Жыл бұрын
thanks so much
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
WELCOME
@rahulpawar5927
@rahulpawar5927 9 ай бұрын
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 9 ай бұрын
Can you please paste the full error?
@SamHocking
@SamHocking 6 ай бұрын
@@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 6 ай бұрын
go inside roaming folder and create a new folder named npm
@DATA_MOTIVATIONAL
@DATA_MOTIVATIONAL 2 ай бұрын
thank you sir
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
welcome sir
@pankajbhardwaj4893
@pankajbhardwaj4893 6 ай бұрын
Helpful video. Thanks!
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Glad it was helpful!
@janhavibhutkar1824
@janhavibhutkar1824 Ай бұрын
Thank you 🎉🎉
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
You’re welcome 😊
@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
@youn-e5v
@youn-e5v 4 ай бұрын
Thank you for the video. Very helpful
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
Glad it was helpful! 👍
@anindiansquirrel
@anindiansquirrel 6 ай бұрын
'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 6 ай бұрын
can you please check if you have addded node js path in environment variable?
@ohm_chiluka
@ohm_chiluka 6 ай бұрын
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 6 ай бұрын
thanks man@@ohm_chiluka
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Great!
@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__ 11 ай бұрын
​@@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 11 ай бұрын
You need to create an empty folder named npm under that appdata/roaming folder path
@mohapimohoto7354
@mohapimohoto7354 5 ай бұрын
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 5 ай бұрын
Great to hear!
@khushisahu9762
@khushisahu9762 4 ай бұрын
Helped a lot....Thank you so much
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
Glad it helped!
@ManpreetKaur-tk6gg
@ManpreetKaur-tk6gg Жыл бұрын
The term npx is not defined How to resolve this issue
@unitedtoptech6288
@unitedtoptech6288 Жыл бұрын
Do you have npm folder under C/users/ local/appdata/roaming?
@lovableidiot4978
@lovableidiot4978 Ай бұрын
😢error
@unitedtoptech6288
@unitedtoptech6288 Ай бұрын
paste the full error
@vinakathakur7021
@vinakathakur7021 5 ай бұрын
Thankyou 🎉
@unitedtoptech6288
@unitedtoptech6288 5 ай бұрын
You’re welcome 😊
@educationrevolution9561
@educationrevolution9561 2 ай бұрын
see errors
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
okay
@awkwardavacadoo
@awkwardavacadoo 4 ай бұрын
omygod thankyou so much 😭🙏🏼🙏🏼🙏🏼🙏🏼💗💗💗💗
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
Welcome!! Thats a lot of emojis
@DevadriptaJadhav
@DevadriptaJadhav 2 ай бұрын
Thanks!
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
No problem!
@divedelhassnaoui7570
@divedelhassnaoui7570 4 ай бұрын
i m geting this why ?PS C: eact learning> npx create-react-app my-react-app npm error code ENOENT npm error syscall lstat npm error path C:\Users\B2B\AppData\Roaming pm npm error errno -4058 npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\B2B\AppData\Roaming pm' npm error enoent This is related to npm not being able to find a file. npm error enoent npm error A complete log of this run can be found in: C:\Users\B2B\AppData\Local pm-cache\_logs\2024-05-29T17_16_46_702Z-debug-0.log PS C: eact learning>
@unitedtoptech6288
@unitedtoptech6288 4 ай бұрын
go to roaming folder and create a new folder named npm
@Morrisnonye
@Morrisnonye 3 ай бұрын
After that then what
@unitedtoptech6288
@unitedtoptech6288 3 ай бұрын
restart vscode and run the command
@karanamgowthami3470
@karanamgowthami3470 2 ай бұрын
Did u get the solution?
@unitedtoptech6288
@unitedtoptech6288 2 ай бұрын
this doesn't work?
@NtlonieManci
@NtlonieManci 6 ай бұрын
I really appreciate this video helps me a lot
@unitedtoptech6288
@unitedtoptech6288 6 ай бұрын
Glad to know that
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 3,2 МЛН
React js Tutorial - How to Create React App using npm | npx | vite | VS code
12:10
How to Install React JS In Visual Studio Code
8:03
OnlineITtuts Tutorials
Рет қаралды 102 М.
12 VS Code Extensions to INCREASE Productivity 2024
27:13
Devression
Рет қаралды 707 М.
Create react projects
22:33
Hitesh Choudhary
Рет қаралды 46 М.
How to Install React in Visual Studio Code | Run React JS in VS Code
11:28
Norbert BM Web Development
Рет қаралды 108 М.
How to Run Node.js in Visual Studio Code | Node.js in VSCode
26:17
ProgrammingKnowledge
Рет қаралды 313 М.
The Best React Code I Wrote (Code Review)
24:50
Cosden Solutions
Рет қаралды 24 М.
React JS Full Course 2023 | Build an App and Master React in 1 Hour
1:11:44
JavaScript Mastery
Рет қаралды 1,6 МЛН
Session 15.5 | Speech to Text | GPU setup | Python Project AI/ML
12:02
NextGen AI Frameworks Pvt. Ltd.
Рет қаралды 7
А ты уже обновился на IOS 18 ?😅 #айфон #apple #ios #ios18 #iphone
1:00
iPhone 7
0:13
ARGEN
Рет қаралды 10 МЛН
Отличия американских iPhone и Apple Watch
0:57
Обзор на 16 айфон
1:01
Тыковка из Германии
Рет қаралды 545 М.
😱ЭТО СМАРТФОНЫ SAMSUNG!
1:00
Thebox - о технике и гаджетах
Рет қаралды 2,1 МЛН