How to fix npx create-react-app error | npx create-react-app not working - solution
ฝัง
- เผยแพร่เมื่อ 5 ก.ย. 2024
- npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! errno ERR_SOCKET_TIMEOUT
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\MFH\AppData\Local
pm-cache\_logs\2022-09-06T17_40_49_714Z-debug-0.log
Aborting installation.
npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.
Deleting generated file... package.json
Deleting my-app/ from E:\MFH\MFH TH-cam Channels\MFH Coding & Design
Done.
__________________________________
If you are facing the error above while creating React JS app, this video is for you. In this video we are going to solve this problem permanently by just setting up React app offline.
When we set up React offline, you don't need any internet connection after that in case if you want to create any react project the way you need for 'npx create-react-app my-app'. This is why I found this method the best.
Timestamps:
00:00 - Greetings and intro
00:21 - Faced the error while setting up react app
00:46 - Looked for solution on Stack Overflow and TH-cam
01:05 - Found The best solution
01:22 - create-react-app-offline
02:28 - Our project is all set up
02:52 - Outro
My GitHub 👇:
github.com/Muh...
My gaming channel 👇:
www.youtube.co....
My Dribbble profile 👇:
dribbble.com/M...
My Instagram 👇:
www.instagram.....
My Twitter 👇:
fr...
__________________________________
Who is MFH (Muhammad Farzan Haydari)?
I am web developer, UI/UX and graphic designer who is bachelor in computer science. I have to mention that learned UI/UX and graphic designing all by my self (you can call me self taught UI/UX and graphic designer).
You are genius, You are the master, You are a pro, You are the godfather.
I have been struggling with this error for the past 3 days, and did a lot of research online that ended up not helping ME.
Thanks is a small word that I could say to you for uploading this video. You restored my mental health. LONG LIVE KING! ✌💯💯
You’re most most most welcome 🙏 thanks for your supporting comment, I really appreciate your kind comment. Please keep supporting for more 😇
I was having the same error . So I did npm audit fix copied the syntax below the error . After it there were lots of vulnerabilities..again I used the same command and after 2 mins . Problem got solved ..so if it helps anyone , its worth a try guys!
Or try to use vite it's easy to install all
Bruh you are the best ... My react app wasn't working whenever I wrote ' npx create-react-app my-app ' it only installed the node_modules file but after trying out your method it worked .... Thanks 👍
I’m so glad it helped. Keep your supports. Thanks 🙏
I saw most of this problem vedios I can't solve but ur vedio helps out my problem.....❤
Thank you so much
Excellent. i was facing about to installation by command npx create-react-app myreact, return error only install node_modules and package,js file but now using these command working fine.
you are great i dont know what i say you.i try this from 1 month almost or more than i stop learning react but now again i continue my course thanks thanks
bro i was struggling since 24 hours but thanks alot it works .thanks is too small word for u GAZAKALLAH
wow man your given exact solution about this problem. keep rock. thank you soo much
Happy to help. Keep your supports 😊
wonderful, great job bruh i was having this issue for a month but couldn't solve it but after i tried out ur method it worked out successfully thanks bruh.
I’m so glad to hear that. Keep supporting please
jesus i have searched all the net but known BUT JUST SOLVED MINE ...THANKS SO MUCH BRO
I’m so happy to know that. Thank you for appreciating. Your supports are appreciated, please subscribe to support me 🙏
how to fix this error?
npm ERR! code ECONNRESET
npm ERR! network aborted
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'
Are you having this problem during installing of react?
@@mfhcodinganddesign when creating a react app inside git bash.
Using Vite can help alot
Thanks for your video bro . Because I can try above one month for this bug to fix so thank you for our video to create our react journey bro❤
It sounds so good to know it helped. Please keep supporting by simply subscribing to my channel 🙏😊
bro thanks a lot i was struggling from past 6hrs!!!! Thanks a lot bro
This is the only video that worked for me too.
Thank you. 🙏🏿
You’re most welcome 🙏 keep supporting please 😇
Ohh thanks a lot for this video I'm struggling for this from a week but couldn't find a solution
Thanks a lot man. I also tried other tutorials first but none of these worked.
I hope this video helped. Keep supporting please 🙏
than you so much. it really helps especially it was my assignment in our bootcamp
Thank you so much! This method works perfectly ❤
I’m glad it worked, please don’t forget to subscribe 😊🙏
This video is lifesaving. 🙏 thank you
Thanks a lot. Appreciate your supports 🙏
Hey , It worked for me dude, Thanks a lot, I've a doubt does it work next time when we create new react app using npx create-react-app appName ?
I’m glad it worked. Next time when you want to create a new react app, just run the final command showed in the video.
crao -n new-project
You can replace “new-project“ with your project’s name
Thank you Buddy@@mfhcodinganddesign
This error is annoying me alot when creating new react app I will try offline ... Great work
Your supports are my motivation. Thanks
Very Good and Short to the point video , my problem solved . Thanks
Good to hear that. Keep supporting please 🙏
Thanks man, it works ❤
You’re most welcome 🙏
Keep supporting please 😊
Thank you very much brother i spent lot of time on this error 🙏
Thanks so much you really solve my problem
You’re most welcome 😊 please don’t forget to subscribe 🙏
Thank you so much...Word are not enough to thank you 👏👏👏
Hey friend, it shows in error "Aborting installation" when I ran npx create-react-app so please, could you lemme know, how to solve this bugs 😔😔
Thanks for asking. I recommend you to follow every single step shown in this tutorial, then you're good to go
Bonjour infiniment, trop génial professeur. Vraiment merci infiniment
super👍👍👍👍
you're the best bro. Thank you
You’re most welcome 🙏
Don’t forget to subscribe please
Thanks alot. You got a subscriber.
thiis fixed my problem of creating a react app but now i have the issue of nothing showing on the web browser on the public index.html. it is just blank and no errors on the console tab. Please how do i fix that?
That’s because you’re opening index.html directly inside browser. That is not how ReactJS work. You have to run “npm start” in terminal to start a ReactJS server
@@mfhcodinganddesign alright thanks.. I'll try that out and get back to you
Thank you so much it's solved my problem.
You’re most welcome 🙏 please keep up your good supports 😊
Mine worked in powershell but in CMD crao isn't recognised as internal or external command
I’m glad to hear that at least it worked. I think if you install it globally by adding “-g” it will work in CMD too
thankyou bruh you save my life about your method
I’m glad to that it helped 😊
wow its amazing video now its works properly
thank you❤
You’re most welcome 😊 keep supporting please 🙏
couldn't download creat-react-app-offline !!
I got an error.
if "npm" does not work try "yarn" instead. I hope that will work ✌🙂
Hello I'm stuck at the making some magic, for a while now, it's really slow. What can I do to make it fast
Make sure you have a computer with a good processor. That’ll definitely make it go faster.
what is the major differnece between offline and online react-app
That’s a good question. The main difference between creating online react project and offline is that you need to have internet connection whenever you want to create a react app but when you set up the offline mode the same way I’ve shown in this video, you don’t need any internet connection anymore whenever you’re creating a new react app.
Keep supporting my channel please 😊
Great video, you solved my problem.
Glad to hear that. Please keep supporting ✌️😊
My Future Indian 11 without Rohit and virat:
1.Gill
2.Ishan kishan
3.Suryakumar Yadav
4.Tilak varma (Can bowl 6th off spin bowling option)
5.KL Rahul
6.Rinku Singh
7.Hardik pandya
8.Arjun Tendulkar (Can bat and bowl for batting depth)
9.Bishnoi
10.Bumrah
11.Siraj
Alternative 4 players
1.Jaiswal
2.Samson
3.Rahul chahar
4.Shami
That was really usefull, thank you so much ☺
You’re most welcome 🙏 keep supporting please 😊
thank you so much 🥰
You’re welcome 😊
Don’t forget to subscribe please 🙏
Thank you so much master!
You’re welcome 😇. Please don’t forget to subscribe to my channel 🙏
@@mfhcodinganddesign Sure thing!
@@tahamehmoodindhar9739 thanks a lot 😇
Very nice you really saved me bro thanks
Glad I could help. Keep supporting please 🙏😊
thank you very much
subscribed : )
Thank you for your supports ✌️😊
You saved my life, thak you!!!!
You’re most welcome. Keep supporting 😊
thanks for the video ..Thanks very much it really helpmed to solve out the problem
Most welcome brother. Keep your supports ☝️🙂
@@mfhcodinganddesign i àm facing a new error at npm start ,.. please suggest one moré video
@@mujtabahussain4950 Sure, what’s the error? If you could tell me
@@mfhcodinganddesign not ablé to run npm start if shows encode err
Thenks a lot yarrr❤
You’re most welcome 🙏 keep supporting please
Thank u it works🎉
You’re most welcome 🙏 keep supporting please 😊
thanks brother.
It works
You’re most welcome, please keep supporting
Sorry it didn't work for me, can you help
If you literally followed the video step by step then I’m sure it would hav been worked fine but I still can suggest you to use CMD instead of powershell and watch once again the video and it will work
so good video... solved my problem as i was searching for a solution since yesterday
glad to hear that 🙂 don't forget to support. Peace!! ✌
thanks brother🖤
Worked for me. Thanks😁
Most welcome 🙏
Bro you are a god
Thank you sir
You’re most welcome 🙏 keep supporting please
Best video my friend.
Thank you for your supports 😊 keep supporting please 🙏
thnx this helped me
excellent
Thank you
Thanks Really
You're welcome! Please keep supporting 😇🙏
yea it works for me !!!!!!!
Glad to hear that ✌️
thank you for saving my life 🙏🙏
You’re most welcome. Please keep supporting 🙏
i get the same error on any npm command
if "npm" does not work try "yarn" instead. I hope that will work ✌🙂
tnks
Obrigado me salvou, nice vídeo!
This isn't a fix but a workaround/.
I hope at least it worked out for you.
thank u so much
your most welcome. keep up your supports ✌😊
when i run command (npx create-react-app-offline) it show the below error
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
npm WARN cleanup Failed to remove some directories [
npm WARN cleanup [
npm WARN cleanup 'C:\\Users\\Dell\\AppData\\Local\
pm-cache\\_npx\\dccaaa744d22de53\
ode_modules\
eadable-stream',
npm WARN cleanup [Error: EPERM: operation not permitted, rmdir 'C:\Users\Dell\AppData\Local
pm-cache\_npx\dccaaa744d22de53
ode_modules
eadable-stream\lib'] {
npm WARN cleanup errno: -4048,
npm WARN cleanup code: 'EPERM',
npm WARN cleanup syscall: 'rmdir',
npm WARN cleanup path: 'C:\\Users\\Dell\\AppData\\Local\
pm-cache\\_npx\\dccaaa744d22de53\
ode_modules\
eadable-stream\\lib'
npm WARN cleanup }
npm WARN cleanup ]
npm WARN cleanup ]
npm ERR! code E404
npm ERR! 404
npm ERR! 404 'pend@skimdb.npmjs.com/registry/pend/-/pend-1.2.0.tgz' is not in this registry.
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Dell\AppData\Local
pm-cache\_logs\2023-04-22T05_06_45_141Z-de
How i can solve?
I think you’re using an older version of nodejs/npm
Try to update your node and npm versions and then try again. If it still shows the same error then try “Vite”
That's work ❤
Glad to hear that, please keep up your good supports.
Super bro
thanks, I hope this video was helpful. please keep supporting 😊
what i should after finishing this
Start learning React. There are so many good tutorials out there on TH-cam. You can also subscribe to my channel for upcoming tutorials about React and other languages/libraries 😊
it didnt work to me 🙄🙄🙄
Ohhh!! I’m really sorry to hear that. There maybe something left from you, I recommend you to rewatch the video and hope it works this time and if it doesn’t then I’ll find another solution for you. But keep supporting this channel so i can help ✌️😇
Thank bro love you
Most welcome 🙏 keep supporting please
Thanks a lot brother
Thank you so much, you saved me
worked for me. 😃😃Thank you.
Welcome 🙏😊
Nice bro .. poblem solved
I glad bro 👍
Wow sir
Thanks Soooooooooooooooo×10⁴ much ❤
Most welcome 🙏 please keep supporting my channel by subscribing
Still not solved not working
Make sure you’re running the correct command after installing “create react app offline”
Does it involve using data, because error is still the same here.
Yes data connection must be on
Thank you brother
you're most welcome. keep supporting please
nice bro it solve properly
Thanks, I appreciate your support
Its shows Cache mis
Try to install latest version of nodejs and npm
After installing create-react-app-offline
Try to run:
crao -n my-app
In CMD not in powershell
@@mfhcodinganddesign crao is not recognised as a internal or external command - error
@@X40Gamingif you’re getting this error it means you haven’t run this command first:
npm i create-react-app-offline
Then run this command:
crao -n my-app
thank you so much bro
You’re welcome 😇
Again showing same error bro😕
I thinks you’re running “npx create-react-app” again.
Try to copy the commands from npm.com website
شكرا
Thanks for appreciating. Keep supporting please 🙏
so good bro thanks a lot
welcome, keep supporting please ✌🙂
@@mfhcodinganddesign ofc bro you've just got a new subscriber :-)
@@YsxYsx-tz7fj thanks, I really appreciate it
It is not working.
It didn't work for me
Try “Vite” that might work
@@mfhcodinganddesign It worked!! All had to do was to press y to proceed
@@accept415 happy to hear that 😊
thanks a lot...
Best
Thanks a lot. Please support me by subscribing to my channel 🙏😇
Good 👍👍👍
Thanks a lot 😊 please keep supporting 🙏
Bro still not working 😒
make sure you follow every single step shown in this video. if it still doesn't work, reply this comment with your error
@@mfhcodinganddesign bro I followed exact steps but it's showing -the error is related to network connection 😑
@@mfhcodinganddesign still didnt work
thnks...for dis vdio🤌
You’re most welcome 🙏 keep supporting please 😊
Thank you
You’re most welcome 😊 keep supporting please 🙏
Thanks a lot
You’re most welcome 🙏 keep supporting please
Thank you bro
You’re most welcome 🙏 keep supporting please
it didn't work for me
Sorry to hear that. Try Vite once
It’s a great tool. Just google “vite” then you’re good to go