First React app using create-react-app | VS code | npx | npm

Поділитися
Вставка
  • Опубліковано 7 січ 2025

КОМЕНТАРІ • 264

  • @gurbuzcem5947
    @gurbuzcem5947 4 роки тому +62

    thanks a lot you literally saved my 3 hours to solve node terminal problem wish god bless you :)

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +2

      Glad it helped , Don't forget to like and subscribe.

  • @Gameplay-ln2xy
    @Gameplay-ln2xy Рік тому +7

    Thanks alot, I have checked many videos to resolve this issue, but your solution successfully worked.

  • @nickroberts2863
    @nickroberts2863 2 роки тому +8

    man you're a legend, spent ages trying to get this to work, thanks so much

  • @PatDaddy13
    @PatDaddy13 2 роки тому +6

    I’ve been stuck on this a while, it’s nice to finally get past it.

  • @saptarshichakrabortty214
    @saptarshichakrabortty214 10 місяців тому +1

    Thanks bro for showing the whole process. I was stuck for quite a while now

  • @emirhandemir3872
    @emirhandemir3872 8 місяців тому +2

    Dude was serious when he said "First" because he literally started from installing the vscode. Wow. Fantastic explanation though!

  • @60secondsfactswithfred
    @60secondsfactswithfred Рік тому +1

    Thank you sir you saved my life I've wasted like 4 hours trying to do this

  • @oliya_b
    @oliya_b Рік тому +2

    Brief and clear explanation. Thanks a looooot👍

  • @vrajpatel3007
    @vrajpatel3007 Рік тому +1

    Thankyou so much, I already feel like, I have learned advanced reactJS.

  • @venkateshkoduru-p2k
    @venkateshkoduru-p2k Рік тому +1

    You are really awesome. Its completely working. Thanks a lot😍😍😍😍

  • @diegoramos4921
    @diegoramos4921 Рік тому +1

    Crack llevaba 4 días con el bendito problema y en siete min me solucionaste la vida😂

  • @Syedkahmed
    @Syedkahmed 7 місяців тому +1

    and this still works.. thank you so much it was driving me crazy

  • @cyno8767
    @cyno8767 8 місяців тому +2

    i tried in different ways but didn't work for me Oh thank you so much sir u literally saved my time😊🙏

  • @gopikrishna6672
    @gopikrishna6672 4 роки тому +1

    Bro u have saved my valuable time ...don't know how to congratulate to u

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      Happy to help . Don't forget to like and subscribe

  • @piyushhirau4779
    @piyushhirau4779 2 роки тому +2

    simple and easy to understand thankyou so sir .......

    • @CodeWithArjun
      @CodeWithArjun  2 роки тому +1

      You're most welcome ! Be sure to subscribe.

  • @madilinkenmeyer
    @madilinkenmeyer Рік тому +2

    Thank you - very helpful as I am new to React.

  • @agramenoch
    @agramenoch 2 роки тому +1

    Thank you so so much, have been on this for like a week.Thanks i really appreciate

  • @UtugiMaina
    @UtugiMaina Рік тому

    Asante sana :)
    This video is really helped me remember how to install a react app😁

  • @tanishaarora3805
    @tanishaarora3805 11 місяців тому +1

    Thank u soo much for making this video. It was really helpful

  • @drypastaprogramming6196
    @drypastaprogramming6196 10 місяців тому +20

    I am getting an ERR! error

    • @rathvadivya8020
      @rathvadivya8020 4 місяці тому +1

      Us bro us 🙂🙂🙂

    • @HarishKumar-kp1sw
      @HarishKumar-kp1sw 3 місяці тому

      Bro create one npm folder in the labelled path and re-run the previous command

    • @nateloder
      @nateloder 3 місяці тому

      ua-cam.com/video/DMJ9_wY7Z1o/v-deo.html

  • @centaur26
    @centaur26 3 роки тому +1

    Thanks,, Arjun, this was exactly what I needed

  • @shrutisridhar7204
    @shrutisridhar7204 Рік тому +1

    thank you brother now i knew how to do it ☺

  • @annako22
    @annako22 8 місяців тому +1

    thank you so much, ive seen some courses, i have actually locally done some apps, but could get it running myself on my pc. thx so much

  • @serenesounds360
    @serenesounds360 2 роки тому +4

    This was so helpful honestly

  • @tjankazar3753
    @tjankazar3753 6 місяців тому +1

    sick ! next make a how to tie your shoes tutorial

  • @UkraineFront
    @UkraineFront 3 роки тому +3

    This saved my life! Very good tutorial!

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      Thank you so much. Don't forget to like and subscribe.

  • @prakashravichandran2035
    @prakashravichandran2035 2 роки тому +1

    Thank you sir. ✨❣️. Your channel will grow like your knowledge 🔥💌.

  • @bolatitoadeneye
    @bolatitoadeneye 2 роки тому +1

    Love this video, saved my life tbh. Thanks.

  • @naveenas3782
    @naveenas3782 Рік тому +1

    Nice simple and very clear explanation 👏👏

  • @Aaron.sharon
    @Aaron.sharon 2 роки тому +7

    Hey Arjun, thanks a lot for this informational video. I thank you, and you are going to heaven with first class seat because you are helping students to shape their carrier.
    Keep it up, mate!

  • @amanmaharjan8407
    @amanmaharjan8407 3 роки тому +2

    Great video brother! Keep going & keep it up :)

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +1

      Glad you liked it. Hope now you can create first react app now. 😂😂

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +1

      Don't forget to subscribe to get new updates.

    • @amanmaharjan8407
      @amanmaharjan8407 3 роки тому +1

      Sure brother! Thanks to you i can create my first react app :)))

  • @_bhuc3802
    @_bhuc3802 2 роки тому +1

    Thanks for the advice sir , you really did saved a lot of my time , i was really confused before i came up to your video

  • @luciferg3587
    @luciferg3587 Рік тому +1

    Finally! Thank you so much for helping out.

  • @shabanayousaf4430
    @shabanayousaf4430 Рік тому +2

    just fallll in loveeee with uuuu bhii jannnn

  • @krishnasree585
    @krishnasree585 3 роки тому +1

    Super explanation... Thank you.. It helps me a lot

  • @lucashagel837
    @lucashagel837 10 місяців тому +1

    A perfect tutorial, thanks!

  • @StephenSennitt
    @StephenSennitt 2 роки тому +1

    Thank you bro! This was super helpful

  • @MrCodr
    @MrCodr 2 роки тому +1

    Thank You sir. It helped me a lot

    • @CodeWithArjun
      @CodeWithArjun  2 роки тому

      You are most welcome! Be sure to subscribe.

    • @MrCodr
      @MrCodr 2 роки тому

      @@CodeWithArjun yes sir please

  • @NeerajSubramani
    @NeerajSubramani 10 місяців тому +1

    Thank you soo much bro, god bless you

  • @patelm-p1d
    @patelm-p1d Рік тому +1

    thank you so much your video are so helpful to me

  • @halilmertdeveli3846
    @halilmertdeveli3846 Рік тому +1

    it was helpful thank you my friends

  • @eggxecution
    @eggxecution 2 роки тому

    Guys if it still doesn't work, delete the cache file - the npm folder. I read this online and it worked "delete the npm folder located in C:\Users\\AppData\Roaming"

    • @sanskar6268
      @sanskar6268 Рік тому

      Please help me, how to do that?

    • @kprakesh
      @kprakesh Рік тому +1

      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'
      If you are getting an error like the above, that means no 'npm' folder is created in this path. Run the following command from the command prompt
      npm install -g npm
      After executing the above command check the folder is created in path 'C:\Users\{User}\AppData\Roaming'.
      If it's created then you can start creating new project from VS code from the terminal

  • @Lee-b4t4g
    @Lee-b4t4g 3 роки тому +3

    Short and simple.... thank you

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      Glad to hear that! Don't forget to Like and subscribe .

  • @italianodoc8161
    @italianodoc8161 2 роки тому +1

    thank you for the tutorial it's fast and clear

  • @zanakasim7725
    @zanakasim7725 3 роки тому +1

    Thanks Man !!! Saved my time :)

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      Glad to hear that! Be sure to subscribe.

  • @BRIJESHKESWANIPIETCS
    @BRIJESHKESWANIPIETCS 3 роки тому +5

    node : The term 'node' 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
    + node -v
    + ~~~~
    + CategoryInfo : ObjectNotFound: (node:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      You have to install node.js first .
      ua-cam.com/video/n3M9qKvFZeg/v-deo.html

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      If you again get problem please let me know .

    • @BhumikaVerma28
      @BhumikaVerma28 3 роки тому +1

      @@CodeWithArjun I m facing the same problem in vs code irrespective of installing node js

    • @wisdomochei
      @wisdomochei 2 роки тому

      @@BhumikaVerma28 Same problem too 😑

    • @Aaron.sharon
      @Aaron.sharon 2 роки тому +1

      @@wisdomochei hey there, I would suggest you run "node --version" in command prompt rather than running in terminal. I hope I helped you out.

  • @VIMALJOY-hb9ho
    @VIMALJOY-hb9ho 9 місяців тому +1

    Thanks man, useful one

  • @BlueprintBro
    @BlueprintBro 3 роки тому +1

    Nice and concise video. Thank you

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +1

      Glad it was helpful! Don't forget to like and subscribe.

  • @getsomeknowledge509
    @getsomeknowledge509 11 місяців тому +1

    Thank you so much 😊😊😊

  • @_bhuc3802
    @_bhuc3802 2 роки тому +3

    even after configuring everything right , i still cannot see the code being shown to the screen for example in the index.js file i do like ReactDOM.render(hello,doc...etc) but i still don't see the output can you help

  • @datle5503
    @datle5503 3 роки тому +2

    At first, my browser says localhost refused to connect. After creating setting.json file as recommended on stackoverflow, it ran but nothing showed on my browser (except for the title "React App"). Can admin help me with this?

    • @garimakumar5207
      @garimakumar5207 3 роки тому

      did you solve the problem?

    • @datle5503
      @datle5503 3 роки тому

      @@garimakumar5207 yes, I ran and debugged with "run script : start" instead of "launch against chrome". I deleted setting.json file, since it was no use to me. launch.json seems to have little interference with the debugging process, so I suggest not messing with it.

  • @Jack-rd2ve
    @Jack-rd2ve 3 роки тому +1

    very helpful to me, thank you :)

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +1

      Glad to hear that! Don't forget to Like and subscribe .

  • @Virtualexist
    @Virtualexist Рік тому

    Jia ho Bihar k lallaa

  • @jmzfilm
    @jmzfilm 2 роки тому +2

    for me when i create the react-demo, I dont get the sources folder or the public folder either. Does anyone know how to fix this?

  • @vandanaingole4057
    @vandanaingole4057 Рік тому +1

    txs for good explanation

  • @codeaffection10
    @codeaffection10 3 роки тому +1

    bro, can you pls explain, whats the difference between npx and npm . wheer n where npx will be used and where n where npm would be used..

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +1

      Npm is a tool that use to install packages. Npx is a tool that use to execute packages. Packages used by npm are installed globally you have to care about pollution for the long term. Packages used by npx are not installed globally so you have to carefree for the pollution for the long term.

    • @sanampakuwal
      @sanampakuwal 3 роки тому +1

      npx is not a typo - it’s a package runner tool that comes with npm 5.2+.

  • @ssathvikgoud843
    @ssathvikgoud843 Рік тому +1

    Thank you so much brooooooooooooo!!!!

  • @chetan__5g
    @chetan__5g 4 місяці тому +1

    Thanks 😊 it is working

  • @saraeissa4954
    @saraeissa4954 2 роки тому

    Installing packages. This might take a couple of minutes.
    Installing react, react-dom, and react-scripts with cra-template...
    added 1370 packages in 2m
    169 packages are looking for funding
    run `npm fund` for details
    It just stops there every single time... Is it cause of my internet connection? On the side i get package.json and node_modules is it finished? I dont get a "happy hacking" message or anything similar which makes me think it wasnt finished installing

  • @ananamer5050
    @ananamer5050 3 роки тому +1

    thank you, saved me time

  • @hanan1321
    @hanan1321 4 роки тому +2

    thank you so much
    you helped me

  • @arsalanshaikh97550
    @arsalanshaikh97550 Рік тому

    thanks a lot was really helpfull

  • @thekshitizsapkota
    @thekshitizsapkota Рік тому +1

    from ur voice i got uou that you r nepali

  • @istiaque_ahmed
    @istiaque_ahmed 2 роки тому +1

    Hey, keep going...

  • @ayshahakeem6611
    @ayshahakeem6611 3 роки тому +1

    Really helpful, thank you

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому +1

      Please don't forget to subscribe ❣️

    • @ayshahakeem6611
      @ayshahakeem6611 3 роки тому +1

      @@CodeWithArjun already did🙌🏽🙌🏽

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      @@ayshahakeem6611 Thank you so much

  • @infiniteus9168
    @infiniteus9168 Рік тому

    Can I make a business website using react, like shopping app or make a checklist app? BTW the video helped a lot, thank you!

  • @jolamosko4931
    @jolamosko4931 2 роки тому +1

    I am running Node 13.14.0 and it requires Node 14 or higher. Can you help me with that?

  • @Pardhu-g5g
    @Pardhu-g5g 6 місяців тому +1

    nice explanation

  • @riley3590
    @riley3590 3 роки тому +1

    Hey, In my cmd I can do node -v but in terminal in vsc it says cant find batch file.

    • @Aaron.sharon
      @Aaron.sharon 2 роки тому

      Need to close the All applications.

  • @OhOk616
    @OhOk616 Рік тому +1

    Thanks for the help !

  • @aklasolangedjankla7593
    @aklasolangedjankla7593 2 роки тому +1

    you saved me!! thanks

    • @CodeWithArjun
      @CodeWithArjun  2 роки тому

      Glad I could help! Be sure to subscribe.

  • @chandrakalas850
    @chandrakalas850 3 роки тому

    Dude basically I did what you said then I close it . When I open it again saying npm start it shows this 6 modules not found the following stacks are missing please say how to fix it

  • @aishwariyarajaram688
    @aishwariyarajaram688 2 роки тому +1

    Wow, really nice🫠🫠🫠

  • @akshalraina4327
    @akshalraina4327 3 роки тому

    at 2:25 showing Error: spawn UNKNOWN
    Pl help out

  • @ReganMusicx
    @ReganMusicx 8 місяців тому

    brother I am getting an error while using the command, the error says that :-
    npm ERR! code ENOENT
    npm ERR! syscall lstat
    npm ERR! path C:\Users\LENOVO\AppData\Roaming
    pm
    npm ERR! errno -4058
    npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\LENOVO\AppData\Roaming
    pm'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent
    Althogh I have installed the nodejs

  • @abiodunfolorunsho2823
    @abiodunfolorunsho2823 2 роки тому

    is telling me i need to install the following packages: create-react-app what can i do

  • @swethapriyagadikota7375
    @swethapriyagadikota7375 7 місяців тому

    If you help us install powershell would be more helpful...

  • @TausifAnsar_786
    @TausifAnsar_786 3 місяці тому

    I am using windows 8 in windows node js v 14 do not support please can u help me to insatall react in v13

  • @chinmayajena9318
    @chinmayajena9318 2 роки тому +1

    thanks for the video.

  • @yogitakashyap8835
    @yogitakashyap8835 2 роки тому

    I used this command to create react app but it shows error of type error: hasflag is not a function.
    Wht can I do now??? Tell something.....

  • @geek4_u
    @geek4_u 3 місяці тому +1

    thankyou so much it workedddddddddddd

  • @saicharanpendyala7271
    @saicharanpendyala7271 2 роки тому

    Actually when I am saving the code in the app.js the complete text is going to be changed like irregular braces,tags and all how to fix that

    • @TheCoder009
      @TheCoder009 10 місяців тому

      No one cared about ur comment bro....if I know, i would have helped you....I feel bad for yoy

  • @prakashp3007
    @prakashp3007 Рік тому +1

    Thanks a lot bro

  • @samueluzezi7351
    @samueluzezi7351 Рік тому

    Do I need to be connected to the internet for this to work

  • @karthikmanupati8362
    @karthikmanupati8362 6 місяців тому

    npx create-react-app react-demo --use--npm this command is not working bro
    while im running that command shows error response :

  • @lusoclement3787
    @lusoclement3787 Рік тому

    sir I'm having this issue, I don't know what to do
    node:internal/modules/cjs/loader:417
    throw err;
    ^
    Error: Cannot find module 'C:\Users
    oname2\AppData\Local
    pm-cache\_npx\c67e74de0542c87c
    ode_modules\isarray\index.js'. Please verify that the package.json has a valid "main" entry
    at tryPackage (node:internal/modules/cjs/loader:409:19)
    at Module._findPath (node:internal/modules/cjs/loader:651:18)
    at Module._resolveFilename (node:internal/modules/cjs/loader:1033:27)
    at Module._load (node:internal/modules/cjs/loader:893:27)
    at Module.require (node:internal/modules/cjs/loader:1113:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object. (C:\Users
    oname2\AppData\Local
    pm-cache\_npx\c67e74de0542c87c
    ode_modules\hyperquest
    ode_modules
    eadable-stream\lib\_stream_readable.js:25:15)
    at Module._compile (node:internal/modules/cjs/loader:1226:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1280:10)
    at Module.load (node:internal/modules/cjs/loader:1089:32) {
    code: 'MODULE_NOT_FOUND',
    path: 'C:\\Users\
    oname2\\AppData\\Local\
    pm-cache\\_npx\\c67e74de0542c87c\
    ode_modules\\isarray\\package.json',
    requestPath: 'isarray'
    }

  • @FrederickJamieson
    @FrederickJamieson Рік тому +1

    cool video)

  • @daSPacito666
    @daSPacito666 2 роки тому +1

    When I type npx create-react-app demo-app then he install something and then he shows me npm ERR!

  • @kshitizbhushal5817
    @kshitizbhushal5817 11 місяців тому

    How ro fix vscode not automatically updating in page?

  • @learnstuffz3002
    @learnstuffz3002 2 роки тому

    Hi Arjun.. after create app command executed. after sometime it get aborted saying deleted generate file: package.json

    • @Leptonite
      @Leptonite Рік тому

      same thing is happening to me. did you fix it?

  • @AbbasiAnosha
    @AbbasiAnosha Рік тому

    sir terminal not work in my vs code plz slove the problem

  • @IceboyLegofx
    @IceboyLegofx Рік тому

    Please I couldn’t run the code because” logo is declared but never use “ what’s that mean and can anyone help me with that

  • @-Lavanya813
    @-Lavanya813 5 місяців тому

    I try it but getting error in start stage

  • @AbhishekRawat-li8ud
    @AbhishekRawat-li8ud 2 роки тому

    Mine is not working npx error is'creat-react
    latest is not in this registry'

  • @arcoding823
    @arcoding823 2 роки тому

    After I run this it always say what type of file to run this app

  • @stephancoertzen3169
    @stephancoertzen3169 2 роки тому +1

    npm install a package and npx executes it without installing it

  • @sonirana4281
    @sonirana4281 3 роки тому +1

    What does here 'cd' stand for

    • @CodeWithArjun
      @CodeWithArjun  3 роки тому

      cd means change directory which is basically changing the folder location.

  • @xarismastrokostas3599
    @xarismastrokostas3599 3 роки тому +1

    so helpful! thx

  • @codingwithteedeb
    @codingwithteedeb 3 роки тому

    i get npm error when i use npm start.how do i fix this

  • @AyushSharma-mf6fy
    @AyushSharma-mf6fy 9 місяців тому

    hey man i am getting this error even my node and npm are installed