Skip to content

Instantly share code, notes, and snippets.

@gaearon
Created January 8, 2018 17:02
Show Gist options
  • Save gaearon/4064d3c23a77c74a3614c498a8bb1c5f to your computer and use it in GitHub Desktop.
Save gaearon/4064d3c23a77c74a3614c498a8bb1c5f to your computer and use it in GitHub Desktop.
Creating a new project with npm <= 5.2

If you use npm 5.1 or earlier, you can't use npx. Instead, install create-react-app globally:

npm install -g create-react-app

Now you can run:

create-react-app my-app
@d0bbl
Copy link

d0bbl commented Nov 6, 2021

running "npm install -g create-react-app my-app" kinda defeats the purpose of using npx don't you think? Because i shouldn't have to install the create-react-app package to my machine first, npx should be able to fetch the package from npm's remote package library right? Don't know why my npx works for other packages but not the create-react-app one

@mdrazu722901
Copy link

thanks from Bangladesh for this helps

@FelipeDeveloperFullStack

Thank you so much. It was helpful me.

@mohamed-oukhlidja
Copy link

شكرا

@EliavYair1
Copy link

thank you that was very helpful!

@katana9108
Copy link

Thank!!!

@kubby159
Copy link

thankyou!

@daliayan
Copy link

daliayan commented Jan 6, 2022

Thank you very much! The new Node update had thrown me off for a minute.

@codrkoaz
Copy link

codrkoaz commented Jan 8, 2022

I was lost for a hot minute when I saw the message, but thank you so much for this.

@mysticBel
Copy link

Thank you so much !! 😂

@gamafedev
Copy link

Thanks. its help

@RiadRepo
Copy link

thanks

@Black00363636summers-1991

Hi guys I have been having troubles with npm install -g create-react-app for a long time. Every time I do npm or npx on my command prompt this is what shows up after 4-5 hours.

"C:\Users\User>npm uninstall -g create-react-app

removed 67 packages, and audited 1 package in 4s

found 0 vulnerabilities

C:\Users\User>npx create-react-app my-app

Creating a new React app in C:\Users\User\my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

npm ERR! code ENOTFOUND
npm ERR! syscall getaddrinfo
npm ERR! errno ENOTFOUND
npm ERR! network request to https://registry.npmjs.org/jest-resolve/-/jest-resol
ve-27.4.6.tgz failed, reason: getaddrinfo ENOTFOUND mydomain
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 settin
gs.
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\User\AppData\Local\npm-cache_logs\2022-02-25T22_39_55_041
Z-debug.log

Aborting installation.
npm install --no-audit --save --save-exact --loglevel error react react-dom re
act-scripts cra-template has failed.

Deleting generated file... package.json
Deleting my-app/ from C:\Users\User
Done.

C:\Users\User>"

Could someone please help me on how to work this out for me as I had no luck for the past month. Thanks.

@yxynicole
Copy link

thanks

@kawcher-habib
Copy link

Thank you

@ANTONIOISC
Copy link

nategentile@MacBook-Pro-de-Nate React % npx create-react-app intro-javascript

Creating a new React app in /Users/nategentile/Desktop/React/intro-javascript.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

added 1355 packages in 42s

171 packages are looking for funding
run npm fund for details

Initialized a git repository.

Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: intro-javascript@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR! react@"^18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"<18.0.0" from @testing-library/react@12.1.5
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^12.0.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/nategentile/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:

@ANTONIOISC
Copy link

ANTONIOISC commented Apr 12, 2022

Captura de Pantalla 2022-04-12 a la(s) 12 09 42

Tengo este error pero no puedo resolverlo
Es que estoy en una macbook pro M1

@ayman-salah
Copy link

thank you ,

@jandresengin
Copy link

Captura de Pantalla 2022-04-12 a la(s) 12 09 42

Tengo este error pero no puedo resolverlo Es que estoy en una macbook pro M1

After this error type the follow line, and it will work:

npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^12.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0

@cyber0100
Copy link

thanks bro !****

@tere79purple
Copy link

Hi guys I have been having troubles with npm install -g create-react-app for a long time. Every time I do npm or npx on my command prompt this is what shows up after 4-5 hours.

"C:\Users\User>npm uninstall -g create-react-app

removed 67 packages, and audited 1 package in 4s

found 0 vulnerabilities

C:\Users\User>npx create-react-app my-app

Creating a new React app in C:\Users\User\my-app.

Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template...

npm ERR! code ENOTFOUND npm ERR! syscall getaddrinfo npm ERR! errno ENOTFOUND npm ERR! network request to https://registry.npmjs.org/jest-resolve/-/jest-resol ve-27.4.6.tgz failed, reason: getaddrinfo ENOTFOUND mydomain 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 settin gs. 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\User\AppData\Local\npm-cache_logs\2022-02-25T22_39_55_041 Z-debug.log

Aborting installation. npm install --no-audit --save --save-exact --loglevel error react react-dom re act-scripts cra-template has failed.

Deleting generated file... package.json Deleting my-app/ from C:\Users\User Done.

C:\Users\User>"

Could someone please help me on how to work this out for me as I had no luck for the past month. Thanks.

Re-start your computer, Windows. Use, gitbash or cmd for the commands, don´t use power shell

@mallika2016
Copy link

"npx create-react-app doesn't work for me. I get this feedback image I already tried reinstalling the latest version of node using nvm-windows. This is what the path of my environment variable looks like, automatically added by nvm; image If i first do "npm i -g create-react-app" before the npx command it works, but i shouldn't have to do that right?

@rimjhim07
Copy link

Run

  1. npm install create-react-app
  2. npx create-react-app project-name.

It will probably work without the -g flag.

yeah it worked, thanks !!

@saadamjad
Copy link

Run

  1. npm install create-react-app
  2. npx create-react-app project-name.

It will probably work without the -g flag.

its worked !!

@elladqa
Copy link

elladqa commented May 22, 2022

Run

  1. npm install create-react-app
  2. npx create-react-app project-name.

It will probably work without the -g flag.

thank you!

@Yanneth17
Copy link

Thank you

@andersondcribeiro
Copy link

Thanks @gaearon!

@LuckyMan5110
Copy link

Thanks!

@BRIJESHJENA
Copy link

You are running create-react-app` 4.0.3, which is behind the latest release (5.0.1).

We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:

  • npm uninstall -g create-react-app
  • yarn global remove create-react-app
    `

@peppe804
Copy link

Thanks a lot for this post, Its help

@SubairMohamed
Copy link

thankz pro!

@Looklili
Copy link

Looklili commented Oct 3, 2022

not working with this command please guide me
npm install -g create-react-app
create-react-app my-app
Screenshot (41)

``

@angv2852
Copy link

angv2852 commented Oct 4, 2022

Help!! I have been trying to install it, as suggested and get this message:

image

I have looked up instructions as mentioned and it just takes me to the original page with same instructions. Why isn't it working??

image

Any help is much appreciated!

@angv2852
Copy link

angv2852 commented Oct 5, 2022

Help!! I have been trying to install it, as suggested and get this message:

image

I have looked up instructions as mentioned and it just takes me to the original page with same instructions. Why isn't it working??

image

Any help is much appreciated!

I solved my own issue. I was able to find help here https://lightrun.com/answers/facebook-create-react-app-create-react-app-stuck-on-v403-cannot-create-a-new-app and fixed by running command: npx create-react-app@5.0.1 app-name

I'll leave this here in case this can help anyone else with the same issue.

@bosunssirius
Copy link

Thanks @angv2852 That helps!

@kadheryna
Copy link

For everybody who had or may have a problem with installation, here is one example of a solution
https://stackoverflow.com/questions/70358474/error-while-creating-new-react-app-you-are-running-create-react-app-4-0-3-w

@Musti331
Copy link

tepki uygulamasını yükledikten sonra da bu sorunla karşılaşıyorum

olaylar.js:292 fırlatma er; // İşlenmeyen 'hata' olayı ^

] } npm HATA! kod ELIFECYCLE npm HATA! hata 1 npm HATA! my-app@0.1.0 başlangıç: react-scripts start npm HATA! Çıkış durumu 1 npm ERR! npm HATA! my-app@0.1.0 başlangıç ​​komut dosyasında başarısız oldu. npm HATA! Bu muhtemelen npm ile ilgili bir sorun değildir. Yukarıda muhtemelen ek günlük kaydı çıktısı vardır

npm HATA! Bu çalıştırmanın tam bir günlüğü şurada bulunabilir: npm ERR! C:\Users\Arif\AppData\Roaming\npm-cache_logs\2020-07-06T04_51_26_637Z-debug.log Not C:\Users\Arif\my-app>

@askchidi
Copy link

@rimjhim07 Thank you so much!!! it worked for me

@alireza97d
Copy link

Thank you :)

@blocklee
Copy link

image

@michalosMiko
Copy link

  1. npm install create-react-app

thanks

@H1365
Copy link

H1365 commented Dec 18, 2022

Yes

@frijolitox
Copy link

Hi
I use the latest version of node, npm, npx.....
Before install, i use: npm uninstall -g create-react-app and after i use npx create-react-app my-app, and this is the result:
kkkkk
Can you help me please
Thank you

@Jay200009
Copy link

👍

@Jay200009
Copy link

Nice 🙂

@Jay200009
Copy link

Thanks

@Ali-MU-1990
Copy link

Hello dears,
I am facing a problem to install it, please check the following screenshot and guide me how to fix those issues.

image

@Junior620
Copy link

Capture d'écran 2023-06-05 121917
how to fix?

@Sade28
Copy link

Sade28 commented Jun 10, 2023

image
image
Sir i am trying to get react app but getting this error. kindly help me.

@bulutuu
Copy link

bulutuu commented Jul 22, 2023

npx create-react-app my-app cd my-app npm start

@Vandena2
Copy link

Vandena2 commented Aug 4, 2023

### I am getting this error:

up to date, audited 76 packages in 2s

2 packages are looking for funding
run npm fund for details

3 high severity vulnerabilities

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

@Kumar96487
Copy link

please help me sir
Uploading WhatsApp Image 2023-09-10 at 13.19.07.jpg…

@Kumar96487
Copy link

img
please hele me sir

@MALIKSHAHID786
Copy link

Thanks a lot for this post, Its help

Hi

@Kumar96487
Copy link

hii

@sushmita12345
Copy link

For everybody who had or may have a problem with installation, here is one example of a solution https://stackoverflow.com/questions/70358474/error-while-creating-new-react-app-you-are-running-create-react-app-4-0-3-w

It works for me. Thanks😇

@thenafeeskausar
Copy link

Try this one if your npm is 6+
npm init react-app my-app
npm init is available in npm 6+
The problems listed above aren't all that serious. This is taking place as a result of an upgrade to the react version.

@jamessv
Copy link

jamessv commented Oct 18, 2023

Try this code

npm init react-app my-app or npm create-react-app my-app
cd my-app
npm start

@AminuAs7
Copy link

Gteat

@WisdomNnam
Copy link

not working with this command please guide me
npm install -g create-react-app
create-react-app my-app
Screenshot (41)

``

__

@jamessv
Copy link

jamessv commented Nov 5, 2023

Please use this code
npm create-react-app my-app
cd my-app
npm start

@Lashish
Copy link

Lashish commented Jan 7, 2024

For everybody who had or may have a problem with installation, here is one example of a solution https://stackoverflow.com/questions/70358474/error-while-creating-new-react-app-you-are-running-create-react-app-4-0-3-w

It works for me. Thanks😇

thanks

@criptogatitos
Copy link

@criptogatitos
Copy link

@criptogatitos
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment