How to Install React JS In Visual Studio Code

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

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

  • @tore28
    @tore28 24 วันที่ผ่านมา +2

    Simple startup guide and very helpful to get React.Js started in VsCode.
    - Install Node.Js newest LTS
    - Run : npx create-react-app react-first-project
    - Install all the dependencies and add node to your PATH
    - Inside VsCode, open the project and run :
    npm start
    - Now you can run, edit and reload the component / page you are editing, "hot reloading"

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

    That was immensely helpful. (I struggled with a couple of tutorials before coming here) thank you!

  • @rdjunior3979
    @rdjunior3979 11 หลายเดือนก่อน +47

    Npm ERR! ENOENT

    • @MEESALASAIMADHUKAR
      @MEESALASAIMADHUKAR 8 หลายเดือนก่อน +3

      what did u do ? i am slo having same problem , could you help me?

    • @randomperson-dk4gm
      @randomperson-dk4gm 7 หลายเดือนก่อน +24

      Sorry im late but i had the same error and this solved it "npm install npm -g"

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

      ​@@randomperson-dk4gmjst copy the code and paste it to chatgpt it provide the sol.

    • @royalsthoughts8793
      @royalsthoughts8793 7 หลายเดือนก่อน +3

      ​@@randomperson-dk4gm thanks bhai thanks a lot thank you soo much I can't able to explain how much I get relief after implement your solution

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

      @@randomperson-dk4gm Thanks so much

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

    Super Helpful - Thanks Man!

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

    After you select path you can give the access to path directly while installing

  • @OlaeweOladayo
    @OlaeweOladayo 5 วันที่ผ่านมา

    Thanks for the video

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

    Thank you that was very helpful and clear!

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

    Which theme u use ?

  • @ChristainBrown-y9b
    @ChristainBrown-y9b 3 หลายเดือนก่อน

    Wow.......thank you so much, it was helpful

  • @Uniqueonebm-4
    @Uniqueonebm-4 3 หลายเดือนก่อน

    Thank u for this useful video!!

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

    thank you this was very helpful

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

    thanks for this tutorial, it helped me a lot

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

    Thanks a lot Sir you resolved My problem.

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

    Is it the begining of React tutorial?

  • @सनातन_Surya
    @सनातन_Surya 3 หลายเดือนก่อน

    Thank You, for sharing.😊

  • @Timepass-xb2yb
    @Timepass-xb2yb 6 หลายเดือนก่อน

    Thank you very much for this video
    Truely loved it

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

      My pleasure 😊

  • @maurod.asuajeg.73
    @maurod.asuajeg.73 6 หลายเดือนก่อน

    Thanks a lot, very useful. A problem pop out when file npm log didn´t create. Solution, it was just create file in the path. After that, run it!

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

      im stuck here brr

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

      how do i do this please

    • @maurod.asuajeg.73
      @maurod.asuajeg.73 5 หลายเดือนก่อน

      Hi, sorry delayed 😅. I always work on Ubuntu Terminal (by the way, was in Windows 10 Pro, problem' origen) root file proyect, first are all. Install VScode extension WSL-Ubuntu, ctrl+shift+x, WSL-Ubuntu, now you can Open this file on your VSCode y create this file there. That is. Run again comand, hope no to late. Happy learning, happy coding

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

    6:30 how to end react project

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

    thank u this v useful

  • @vincentyap6376
    @vincentyap6376 13 วันที่ผ่านมา

    I receive an error in NPX

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

    Thanks man

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

    Great video thanks a lot .

  • @mitababii
    @mitababii 9 หลายเดือนก่อน +1

    Thank you 😢❤❤❤❤🎉🎉🎉🎉🎉

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

    Thank you.

  • @BraelHermann-cy1rk
    @BraelHermann-cy1rk 2 หลายเดือนก่อน

    thanks for the video ✔✔

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

    Terminal write npx error😢

  • @user-rj8tr6sp7e
    @user-rj8tr6sp7e 4 หลายเดือนก่อน

    Thank you!

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

    i did the same but react logo was not rotating is there something wrong?

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

      check your browser extensions probably it's stopping that

  • @only.moxi8
    @only.moxi8 2 หลายเดือนก่อน

    thanks 😊

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

    Thank you so much

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

    so helpful🥰🥰

  • @topgrades2335
    @topgrades2335 9 หลายเดือนก่อน +1

    What about how to fix this error
    PS C:\Users\USER\OneDrive\Desktop\setup> npx create-react-app first project
    node:internal/modules/cjs/loader:1147
    throw err;
    ^
    Error: Cannot find module './es6/validate-engines.js'
    Require stack:
    - C:\Users\USER\AppData\Roaming
    pm
    ode_modules
    pm\lib\cli.js
    - C:\Users\USER\AppData\Roaming
    pm
    ode_modules
    pm\bin
    px-cli.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
    at Module._load (node:internal/modules/cjs/loader:985:27)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at require (node:internal/modules/helpers:176:18)
    at Object. (C:\Users\USER\AppData\Roaming
    pm
    ode_modules
    pm\lib\cli.js:1:25)
    at Module._compile (node:internal/modules/cjs/loader:1376:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
    at Module.load (node:internal/modules/cjs/loader:1207:32)
    at Module._load (node:internal/modules/cjs/loader:1023:12)
    at Module.require (node:internal/modules/cjs/loader:1235:19) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
    'C:\\Users\\USER\\AppData\\Roaming\
    pm\
    ode_modules\
    pm\\lib\\cli.js',
    'C:\\Users\\USER\\AppData\\Roaming\
    pm\
    ode_modules\
    pm\\bin\
    px-cli.js'
    ]
    }
    Node.js v20.11.0
    PS C:\Users\USER\OneDrive\Desktop\setup>

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

      you can create another project and get the modules folder from new project. Then you need copy it and paste it with your old project. You can try, I think your problem should solve..... :)

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

    Enoent error

  • @m.sathish3448
    @m.sathish3448 7 หลายเดือนก่อน +6

    How to fix this error🙂??
    npm ERR! code ENOENT
    npm ERR! syscall lstat
    npm ERR! path C:\Users\prema\AppData\Roaming
    pm
    npm ERR! errno -4058
    npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\prema\AppData\Roaming
    pm'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent

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

      same!!!!! where you able to fix it ?? i am trying to figure it out...Thanks

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

      @@lucialangs6402 run this from cmd as admintrator npm install npm -g

    • @user-rj8tr6sp7e
      @user-rj8tr6sp7e 4 หลายเดือนก่อน +9

      Open the command prompt in your pc and run it as administrator. Then run this code: npm install -g npm. This should fix your problem. I had the same problem and it worked for me

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

      @@user-rj8tr6sp7e u r life saver dude

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

      ​​@@user-rj8tr6sp7eThank you so much for your reply it also worked for me 😊

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

    🎉🎉🎉thanks

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

    nyce brother

  • @Bin-bajah01
    @Bin-bajah01 2 หลายเดือนก่อน

    Bro❤

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

    Jackson Mark Garcia Jason Thomas Elizabeth

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

    npx create-react-app my-app
    node:fs:1372
    const result = binding.mkdir(
    ^
    Error: EPERM: operation not permitted, mkdir 'C:\Users\Rathish\ReactJS\my-app'
    at Object.mkdirSync (node:fs:1372:26)
    at module.exports.makeDirSync (C:\Users\HP\AppData\Roaming
    pm
    ode_modules\create-react-app
    ode_modules\fs-extra\lib\mkdirs\make-dir.js:23:13)
    at createApp (C:\Users\HP\AppData\Roaming
    pm
    ode_modules\create-react-app\createReactApp.js:257:6)
    at C:\Users\HP\AppData\Roaming
    pm
    ode_modules\create-react-app\createReactApp.js:223:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
    errno: -4048,
    code: 'EPERM',
    syscall: 'mkdir',
    path: 'C:\\Users\\Rathish\\ReactJS\\my-app'
    }
    Node.js v20.16.0
    How to solve this problem sir? please help me sir?

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

    PS C:\Users\Vikas\OneDrive\Desktop\ReactProject> npm create-react-app react-first-project
    Unknown command: "create-react-app"
    To see a list of supported npm commands, run:
    npm help
    PS C:\Users\Vikas\OneDrive\Desktop\ReactProject>
    error

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 11 หลายเดือนก่อน +4

    hi, I installed node in Disc E and using terminal of visual studio code to install React for windows, I got this error: npm ERR! code ENOENT
    npm ERR! syscall lstat
    npm ERR! path C:\Users\istan\AppData\Roaming
    pm
    npm ERR! errno -4058
    npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\istan\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\istan\AppData\Local
    pm-cache\_logs\2023-12-21T05_45_44_590Z-debug-0.log

    • @touseefahamed5629
      @touseefahamed5629 11 หลายเดือนก่อน +2

      same here

    • @saurabh_pande446
      @saurabh_pande446 11 หลายเดือนก่อน +1

      Add the nodejs path to system variables correctly and check the npm path in the user variables also if both are there then run this command in the command prompt
      1)node -v
      2)npm -v

    • @seven-zw1ct
      @seven-zw1ct 11 หลายเดือนก่อน +2

      ​@@saurabh_pande446And how can i do that?

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

      Same here is there any solution

    • @youngicorn
      @youngicorn 10 หลายเดือนก่อน +2

      if it's your first time installing node.js on that system, it's best if you restart it before trying to do anything in VS Code

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

    npx create-rea
    ct-app react-first-project
    npm error code ENOENT
    npm error syscall lstat
    npm error path C:\Users\sathw\AppData\Roaming
    pm
    npm error errno -4058
    npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\sathw\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\sathw\AppData\Local
    pm-cache\_logs\2024-06-22T11_46_23_537Z-debug-0.log

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

      did you get the solution for this?