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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ม.ค. 2025

ความคิดเห็น • 625

  • @Mannu-z5y
    @Mannu-z5y หลายเดือนก่อน +1

    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

  • @minimumviablepizza
    @minimumviablepizza ปีที่แล้ว +13

    Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏

  • @kirtisingh8947
    @kirtisingh8947 ปีที่แล้ว +10

    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

  • @Code-Wave1
    @Code-Wave1 11 หลายเดือนก่อน +5

    Thank you so much bro, good tutorial,that was a ggood thing using my first commands on the terminal😄

  • @keshavsainath1142
    @keshavsainath1142 ปีที่แล้ว +10

    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

  • @miielli
    @miielli ปีที่แล้ว +3

    Thank you very much man, you literaly saved my school project.

  • @erycsaprones
    @erycsaprones 4 หลายเดือนก่อน +1

    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

  • @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?

  • @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  ปีที่แล้ว +3

      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.

  • @NovemberXXI
    @NovemberXXI ปีที่แล้ว +35

    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  ปีที่แล้ว +6

      No idea bro, try searching in stackoverflow they seem to have some solutions

    • @josephquintiliano2904
      @josephquintiliano2904 ปีที่แล้ว +1

      Asking for bread since it’s a free open source

    • @ambarishambarish3554
      @ambarishambarish3554 ปีที่แล้ว +3

      Same problem bro how to solve this problem pls any help me solve this

    • @NovemberXXI
      @NovemberXXI ปีที่แล้ว +1

      @@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

  • @pattubaby1654
    @pattubaby1654 5 หลายเดือนก่อน +1

    Super bro its awesome to explain clearly and neatly 😊 and easy to understand

  • @ronethsandeepa5014
    @ronethsandeepa5014 ปีที่แล้ว +3

    Good tutorial everything is very clear and understandable. Recomanded

  • @armanramdul548
    @armanramdul548 3 หลายเดือนก่อน +2

    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 หลายเดือนก่อน +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...😔

  • @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😂

  • @deeee_veeen
    @deeee_veeen ปีที่แล้ว +6

    Such a beautiful tutorial thank you

  • @winnielee5289
    @winnielee5289 ปีที่แล้ว +1

    best beginner-friendly video

  • @P_r_o_p_l_a_y
    @P_r_o_p_l_a_y 8 หลายเดือนก่อน +1

    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

  • @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

  • @abisheksundarvelpandiyan1104
    @abisheksundarvelpandiyan1104 3 หลายเดือนก่อน +1

    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 หลายเดือนก่อน +1

      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 หลายเดือนก่อน +1

      @@unitedtoptech6288 please how to contact give me a tip coz i make a social impact application.

    • @abisheksundarvelpandiyan1104
      @abisheksundarvelpandiyan1104 3 หลายเดือนก่อน +1

      @@unitedtoptech6288 yeah, i had added right path

    • @unitedtoptech6288
      @unitedtoptech6288  3 หลายเดือนก่อน

      If you added the right path you won't get any error

  • @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 หลายเดือนก่อน +1

      You're welcome! 😊

    • @unitedtoptech6288
      @unitedtoptech6288  8 หลายเดือนก่อน +1

      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

  • @Yasmin__jk
    @Yasmin__jk หลายเดือนก่อน

    Thank you sir😇 for your detailed and clear explanation.

  • @bhavanatallapaka3166
    @bhavanatallapaka3166 5 หลายเดือนก่อน +4

    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

  • @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

  • @chandanakr5092
    @chandanakr5092 2 หลายเดือนก่อน +1

    I installed everything but uts showing the term npx is not recognized as the name of cmdlet what to do

  • @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  ปีที่แล้ว +1

      No extensions are global and will work irrespective of where you open your project folder

  • @s0e9p73
    @s0e9p73 7 หลายเดือนก่อน +1

    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

  • @burst_of_colours-t3v
    @burst_of_colours-t3v 7 วันที่ผ่านมา

    bro u are the best good tutorial broo!

  • @Sakthivel-wn9qm
    @Sakthivel-wn9qm หลายเดือนก่อน

    Excellent Tutorial! Thank You, Sir.

  • @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

  • @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

  • @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

  • @giorgichikovani6012
    @giorgichikovani6012 6 หลายเดือนก่อน

    npx create-react-app command is deprecated and no longer being maintained, mostly common used technologies now are next or vite

  • @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

  • @haseebahmed6278
    @haseebahmed6278 ปีที่แล้ว +2

    Helpful video. Thanks!

  • @sravansunkara
    @sravansunkara ปีที่แล้ว +2

    Thank You so much, you saved so much time for me 🙌❤

  • @ShathyapriyanA-sx9om
    @ShathyapriyanA-sx9om หลายเดือนก่อน

    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

  • @ragulvasanthsm885
    @ragulvasanthsm885 ปีที่แล้ว

    Really a Nice Video i done it everything you do sir...👍

  • @valiokvaliokvaliok
    @valiokvaliokvaliok ปีที่แล้ว

    Very good job! Loved the tutorial

  • @HemlataNagar-rn8cx
    @HemlataNagar-rn8cx 8 หลายเดือนก่อน +1

    Thankyou so much because has a unique explantion . Its really help me

  • @rorisangmakgaka124
    @rorisangmakgaka124 ปีที่แล้ว +1

    Nice video, thank you so much. It really helped me.

  • @ImmyYousafzai
    @ImmyYousafzai ปีที่แล้ว

    thnaks, spot on step by step guide. (a little hard to understand the accent but does the job. ) jay ho

  • @prensudangol1547
    @prensudangol1547 8 วันที่ผ่านมา

    Thank your bro you got rid of my headache

  • @NiteshKumar-xy6no
    @NiteshKumar-xy6no 4 หลายเดือนก่อน

    Thanks brother, love from India ❤

  • @MsKanmanii
    @MsKanmanii 11 หลายเดือนก่อน

    A very clean explanation about the content.

  • @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  ปีที่แล้ว +1

      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

  • @ashoksaipudi6999
    @ashoksaipudi6999 ปีที่แล้ว +1

    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?

  • @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 หลายเดือนก่อน +1

      Great!

  • @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?

  • @phoenixv873
    @phoenixv873 4 หลายเดือนก่อน +1

    Bro i got " local host refused error" what should I do

  • @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

  • @davyondo6395
    @davyondo6395 ปีที่แล้ว +1

    this is what i was looking for!

  • @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

  • @achrafd3688
    @achrafd3688 ปีที่แล้ว +1

    what about npm install -g create-react-app ?

  • @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

  • @P_r_o_p_l_a_y
    @P_r_o_p_l_a_y 8 หลายเดือนก่อน +1

    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

  • @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

  • @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  ปีที่แล้ว +1

      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

  • @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

  • @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

  • @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

  • @MalemnganbaTakhellambam
    @MalemnganbaTakhellambam 9 หลายเดือนก่อน

    very clear explanation sir. thank you so much for your help

  • @elizabethwanjiruk
    @elizabethwanjiruk ปีที่แล้ว

    Great video. Very easy to follow the steps. 👌👌

  • @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

  • @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 ?

  • @anupamsinha1426
    @anupamsinha1426 ปีที่แล้ว

    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-app
    + ~~~
    + CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException
    can someone suggest

  • @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 หลายเดือนก่อน +1

      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

  • @KODLEGEND
    @KODLEGEND 10 วันที่ผ่านมา

    thank you sir for your guidance to install the package

  • @rferabel
    @rferabel ปีที่แล้ว +1

    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

  • @__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?

  • @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?

  • @yamunanaramsetti5418
    @yamunanaramsetti5418 ปีที่แล้ว

    When im trying to create new react app, i got this type of error , what will i do?
    npm ERR! code ENOENT
    npm ERR! syscall lstat
    npm ERR! path C:\Users\jagad\AppData\Roaming
    pm
    npm ERR! errno -4058
    npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\jagad\AppData\Roaming
    pm'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent
    npm ERR! A complete log of this run can be found in: C:\Users\jagad\AppData\Local
    pm-cache\_logs\2023-09-21T06_06_20_921Z-debug-0.log

    • @unitedtoptech6288
      @unitedtoptech6288  ปีที่แล้ว +1

      You need to go inside that appdata
      oaming folder as shown in the error message and check if npm folder is present, if not create a folder named npm

    • @yamunanaramsetti5418
      @yamunanaramsetti5418 ปีที่แล้ว

      @@unitedtoptech6288 yes, I created npm folder

    • @yamunanaramsetti5418
      @yamunanaramsetti5418 ปีที่แล้ว

      Now it is resolved

    • @unitedtoptech6288
      @unitedtoptech6288  ปีที่แล้ว

      Cool!!

    • @haris4392
      @haris4392 ปีที่แล้ว

      ​@@yamunanaramsetti5418how to do that i cant do can u explain me pls

  • @sanjays1926
    @sanjays1926 ปีที่แล้ว

    Very Helpfull Thank You All the best .

  • @warriorsofchhatrapati7098
    @warriorsofchhatrapati7098 10 หลายเดือนก่อน

    Thanks you so much sir! such a wonderful tutorial. ☺☺

    • @unitedtoptech6288
      @unitedtoptech6288  10 หลายเดือนก่อน

      Thank you too Sir! All the best

  • @vasabhagyalakshmi4517
    @vasabhagyalakshmi4517 5 หลายเดือนก่อน

    sir in terminal for me getting npm err then what should we do ?

  • @adhisnehareddy3935
    @adhisnehareddy3935 ปีที่แล้ว

    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?

  • @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

  • @sumithraKumar-l7g
    @sumithraKumar-l7g 3 หลายเดือนก่อน

    Thank you so much for this perfect tutorial.

  • @ancitadfernandes8243
    @ancitadfernandes8243 6 หลายเดือนก่อน

    How to fix the error when we get while creating npx first step?

    • @unitedtoptech6288
      @unitedtoptech6288  6 หลายเดือนก่อน

      during what step do you get this error?

  • @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?

  • @I_am_alicefr
    @I_am_alicefr 11 หลายเดือนก่อน

    i don't understand why to install node js ? is it necessseary to work with react js?

    • @unitedtoptech6288
      @unitedtoptech6288  11 หลายเดือนก่อน

      Yeah it is necessary for installing npm packages and if you do any backend code

  • @ramyam1212
    @ramyam1212 ปีที่แล้ว

    very helpful video. thanks and well done

  • @SaiPrakash-e6d
    @SaiPrakash-e6d 10 หลายเดือนก่อน

    such a wonderful and easy explaination

  • @terryliu3635
    @terryliu3635 26 วันที่ผ่านมา

    Hello, is node js is must for me to run hello world React in Vs.code?

    • @unitedtoptech6288
      @unitedtoptech6288  26 วันที่ผ่านมา +1

      yeah it is, without it react app can't be created

    • @terryliu3635
      @terryliu3635 26 วันที่ผ่านมา

      @ 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  26 วันที่ผ่านมา +1

      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

  • @Willard25
    @Willard25 6 หลายเดือนก่อน

    Thank you sir, highly recommend to beginners

    • @unitedtoptech6288
      @unitedtoptech6288  6 หลายเดือนก่อน +1

      So nice of you

    • @Willard25
      @Willard25 6 หลายเดือนก่อน

      @@unitedtoptech6288 because ur videos are so useful 😁

    • @unitedtoptech6288
      @unitedtoptech6288  6 หลายเดือนก่อน

      Thanks man

  • @omkr19
    @omkr19 9 หลายเดือนก่อน

    Need to install the following packages:
    Create-react-app@5.0.1
    Ok to proced? (y)
    How to bug the error??

  • @Vedika_porwal
    @Vedika_porwal 4 หลายเดือนก่อน

    Create nhi ho raha hai ' cannot find module "block stream" ' error aa rahi hai
    How can i fix it😢

    • @unitedtoptech6288
      @unitedtoptech6288  4 หลายเดือนก่อน

      After running what command are you getting this error?

  • @JavaCodingwithRaju-kv7xc
    @JavaCodingwithRaju-kv7xc ปีที่แล้ว

    thanks, sir for the step-by-step guidance

  • @vaishalipatil4939
    @vaishalipatil4939 ปีที่แล้ว

    The term npx is not recognised it is comming what to after pasting a command

    • @unitedtoptech6288
      @unitedtoptech6288  ปีที่แล้ว

      Have you added node path in environment variable?

  • @JokoLane
    @JokoLane 6 หลายเดือนก่อน +1

    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  6 หลายเดือนก่อน

      You need to add the path appdata/roaming/npm in environment variable and rerun

  • @fg_graphics
    @fg_graphics 2 หลายเดือนก่อน

    bro thanks 🙏❤❤❤ it finally worked ❤❤

  • @FunnyButTrue
    @FunnyButTrue ปีที่แล้ว

    I'm still getting an error code when I run the npx project name code

  • @nonamely-dj2yw
    @nonamely-dj2yw 2 หลายเดือนก่อน

    Thank you very very very much sir..........Explained ..wellllllllll....

  • @12-1bsantillanradzs.5
    @12-1bsantillanradzs.5 ปีที่แล้ว

    help me how to fix this ( 6 high severity vulnerabilities?)

  • @tirtharoy8200
    @tirtharoy8200 11 หลายเดือนก่อน

    showing erros while creating the react project can u help??

    • @unitedtoptech6288
      @unitedtoptech6288  11 หลายเดือนก่อน

      can you type the whole error?

    • @tirtharoy8200
      @tirtharoy8200 11 หลายเดือนก่อน

      @@unitedtoptech6288 problem solved , only npm folder was needed to be created

    • @unitedtoptech6288
      @unitedtoptech6288  11 หลายเดือนก่อน

      ohh cool

  • @BalajiS-cp2li
    @BalajiS-cp2li ปีที่แล้ว

    Sir I am getting error in terminal while I typed npx create-react-app

    • @unitedtoptech6288
      @unitedtoptech6288  ปีที่แล้ว +1

      Can you paste the whole error?

    • @BalajiS-cp2li
      @BalajiS-cp2li ปีที่แล้ว

      npm ERR! code ENOENT
      npm ERR! syscall lstat
      npm ERR! path C:\Users\Balaji S\AppData\Roaming
      pm
      npm ERR! errno -4058
      npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\Balaji S\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\Balaji S\AppData\Local
      pm-cache\_logs\2023-12-03T08_23_29_597Z-debug-0.log

    • @unitedtoptech6288
      @unitedtoptech6288  ปีที่แล้ว

      go to this path C:\Users\Balaji S\AppData\Roaming and create a folder named npm and run this command

  • @thedeepanshu4937
    @thedeepanshu4937 2 หลายเดือนก่อน

    thanks Sir! Excellent video.

  • @ngumiperry6771
    @ngumiperry6771 ปีที่แล้ว

    7:52 im getting some errors 😢

  • @marcellinusnnamudi9030
    @marcellinusnnamudi9030 ปีที่แล้ว

    Very nice video....
    Thank you very much...