Keep getting error while creating react app - reactjs

I have been trying to create a react app, so basically a new project such as hello world or anything.
I try using npx create-react-app my-app
The error I get is:
You are running `create-react-app` 4.0.0, which is behind the latest release (4.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
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
I try following those steps and even uninstalled using npm uninstall -g create-react-app but I still keep getting the same error.
My npm version: 6.14.8
This is such a basic process to create a first application in react I am not sure why is it so complicated. Could someone please tell how can I fix that error and also how can I create an react app smoothly?
If more information is needed please feel free to comment down below:)

npm install -g create-react-app
Above fixed it for me.

Worked for me:
npm uninstall -g create-react-app
npm install -g create-react-app
npx create-react-app app-name

I tried with this command. It worked
npm install -g create-react-app
npx create-react-app my-app

I had the same problem. So what I did is:
npm uninstall -g create-react-app
npm install create-react-app --save
npx create-react-app my-app
and it worked. The second line, I think, is to have create-react-app locally.

Dont worry ,it can be fixed by installing create-react-app globally
run these two lines and it can be fixed
npm install -g create-react-app
npx create-react-app your-app

I solved it using the following command.
npm uninstall -g create-react-app
then
npm install -g create-react-app
Afterwards you should be good to go with npx create-react-app my-app :)

You need to use below command for creation of new project.
npx create-react-app applicationname

I put in the code npm uninstall -g create-react-app
and I get the below its not deleted anything
PS C:\Users\deann> npm uninstall -g create-react-app
up to date, audited 1 package in 435ms
found 0 vulnerabilities
then I put
PS C:\Users\deann> npm install create-react-app
npm WARN deprecated tar#2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
added 67 packages, and audited 68 packages in 4s
4 packages are looking for funding
run npm fund for details
3 high severity vulnerabilities

The two commands helped me when I came across with this issue.
npm uninstall -g create-react-app - this uninstalles the old version
npm install -g create-react-app - this installes the new version
then put the command
npx create-react-app name-of-folder

Related

Error while creating new react app (You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1).)

(I am using ubuntu.)
the message i am getting:
You are running create-react-app 5.0.0, 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
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
I have already tried:
npm uninstall -g create-react-app
npx clean-npx-cache
npx create-react-app#latest project-name
Nothing works
what should i do now?
I know it is late but...
I also had the same problem and every solution I found didn't seem to work. In the end I found it out.
I have both yarn and npm installed
create-react-app was installed in both and they were referencing each other
You need to perform both if you have both yarn and npm
npm uninstall -g create-react-app
yarn global remove create-react-app
Then clear cache using one (or both)
npx clear-npx-cache
npm cache clean -f
Then run to install and create the app
npx create-react-app#latest your-app-name
Hope it helps someone :)

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

I got an error while creating a React application. How do I fix it?
Microsoft Windows [Version 10.0.19044.1586]
(c) Microsoft Corporation. All rights reserved.
C:\Users\Olususi Victor>cd documents
C:\Users\Olususi Victor\Documents>cd react folder
C:\Users\Olususi Victor\Documents\React folder>npx create-react-app blog
You are running `create-react-app` 5.0.0, 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
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
C:\Users\Olususi Victor\Documents\React folder>
Image of error
Run the following 3 commands sequentially:
npm uninstall -g create-react-app
npx clear-npx-cache
npm i create-react-app
npx create-react-app#latest my-app
MacOs 12.3.1 - Node v16.3.0 - NPM 7.15.1
I tried a lot of possible solutions, but the only one that worked for me was to uninstall CRA globally AND locally.
So, you have to run:
npm uninstall -g create-react-app
npm uninstall create-react-app
npx clear-npx-cache
I had the same problem, uninstalling create-react-app and installing the latest version solved the problem:
npm uninstall -g create-react-app
npx clear-npx-cache
npm cache clean --force
npm install -g create-react-app#latest
then you can create your react app with
npx create-react-app your-app-name
The solution that works for me:
npm uninstall -g create-react-app
yarn uninstall -g create-react-app
npm i -g create-react-app
npx clear-npx-cache
npx create-react-app#latest app-name
Worked for me
Have you installed react globally? if yes, then remove it using
npm uninstall -g create-react-app
and then run your
npx create-react-app blog
if still you face the same issue than try creating a blog folder and inside that folder, run
npx create-react-app .
may be it will fix your issue.
This worked for me
npm uninstall -g create-react-app
npm i create-react-app
npx create-react-app my-app
still not sure what happened thou
Had this issue today (running node v16.13.1). Exact error message read:
You are running `create-react-app` 5.0.0, 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
The latest instructions for creating a new app can be found here: https://create-react-app.dev/docs/getting-started/
Solution that worked:
1. npm uninstall -g create-react-app
2. npm install -g create-react-app
3. npm cache clean -f
4. npx create-react-app my-app
Try this: npm uninstall -g create-react-app. Then open: C:\Users\Your_user_name\AppData\Roaming\npm-cache delete everything in the folders. Open: C:\Users\Your_user_name\AppData\Roaming\npm delete everything related to create-react-app.
Then finally: npx create-react-app my-project Worked for me. Good luck!
I also encountered this problem and by installing the package with yarn, everything works!
Even removing then reinstalling with npm, it didn't work. Here is my solution
yarn add create-react-app
create-react-app {app_name}
I also encountered in this problem, I solved my issue by clearing the cache!
npm cache clean --force
If anyone is still facing that
problem after uninstalling it globally and cleaning the cache, try to run;
npm uninstall create-react-app
as you might have a non-global installation
This worked for me
npm uninstall -g create-react-app
npx create-react-app#latest
I was able to solve mine by uninstalling Nodejs from my computer and then downloading the lastest one on my computer again.
this worked for me.
npm uninstall -g create-react-app
npm uninstall create-react-app
npm cache clean --force
npm install create-react-app#latest
if none of the answers worked for you, try adding this command after uninstalling the create-react-app package.
npm i create-react-app
I solved it with this:
npm uninstall -g create-react-app
npm install create-react-app#latest
Did you try with yarn? This works for me!
yarn global remove create-react-app
yarn create react-app my-app
Hope it works :)
npm uninstall -g create-react-app
npm install -g create-react-app
npx clear-npx-cache
npx create-react-app#latest my-react-app
...and u will be good to go.
go ahead with command like
cd my-react-app
npm start
Actually I updated my script, I uninstalled react global and reinstalled but nothing changed. But yarn still works. I am still trying to solve problem but for a while, I will use
yarn create react-app my-app
npm uninstall -g create-react-app
npx clear-npx-cache
''' create-react-app projectName --template typescript '''
have you tried this
npm uninstall -g create-react-app
npx create-react-app#latest blog
For me,
npm uninstall -g create-react-app
and
npx create-react-app#latest opus

You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App

C:\Users\lg\Desktop> npm uninstall -g create-react-app
up to date, audited 1 package in 216ms
found 0 vulnerabilities
C:\Users\lg\Desktop>npx clear-npx-cache
Need to install the following packages:
clear-npx-cache
Ok to proceed? (y) y
C:\Users\lg\Desktop>npx create-react-app#5.0.0 reduxapp
Need to install the following packages:
create-react-app#5.0.0
Ok to proceed? (y) y
npm WARN deprecated tar#2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
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
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
C:\Users\lg\Desktop>npm i tar
up to date, audited 153 packages in 1s
6 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.
C:\Users\lg\Desktop>npx create-react-app#5.0.0 reduxapp
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
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
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
I tried to solve it through Googling, but an error seems to occur, and the folder cannot be created.
try clearing npx-cache if you recently ran this on older version.
npx clear-npx-cache
npx install -g create-react-app react-app
The below command worked for me,
npx create-react-app#latest my-app
So these are the steps I did to get it to work:
npm uninstall -g create-react-app
npx create-react-app#latest my-app-name
clearing the npx cache solved the issue for me:
npx clear-npx-cache
Also what one can do is enter the console as administrator, located in the user's folder, and put this command (in my case I used the NPM one)
npm uninstall -g create-react-app
we uninstall it and then I reinstall it
npm install -g create-react-app
and voila, it worked for me
npx clear-npx-cache
npm install -g create-react-app
npx create-react-app#latest my-app
This is happening due to latest version release of create-react-app (5.0.1) all you need to do is first uninstall the previous version of create-react-app by run this command
npm uninstall -g create-react-app
or just update the previous version
npm update -g create-react-app
To solve this issue run this code: npx create-react-app#5.0.1 reduxapp
Pay attention to installing the latest version of create-react-app otherwise, it is not working well.
This happens when you previously ran this on an older version.
Step 1: Try to clear cache by running its command:
npx clear-npx-cache
Step 2: General command to create your app:
npx install -g create-react-app react-app

problem running create-react-app using npx

when I was trying to run create-react-app using the command npx create-react-app app I got the following Message
You are running `create-react-app` 4.0.1, which is behind the latest release (4.0.3).
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
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
I then tried to uninstall create-react-app globally using npm uninstall -g create-react-app and rerun npx command again i still get the same message that I should uninstall create-react-app globally even so the only module that is installed globally is npm on my machine
You first need to uninstall the globally installed create-react-app and then, invalidate the cache.
Command for the same: npm uninstall -g create-react-app && npm cache clean -f
Now, you may continue with creating the application again using: npx create-react-app application-name.
This question is similar to this one.
Try npm cache clean –-force command after uninstalling create-react-app globally.
Hopefully, the following code will work:
npx create-react-app#latest my-app
Issue(#10601): https://github.com/facebook/create-react-app/issues/10601

create-react-app is not working since version 4.0.1

I tried installing create-react-app using npm i create-react-app, npx create-react-app new-app and npm init react-app new-app, but I keep getting this error message:
You are running create-react-app 4.0.0, which is behind the latest
release (4.0.1). We no longer support global installation of Create
React App.
How can I fix this?
This worked for me:
npx create-react-app#latest your-project-name --use-npm
According to the create-react-app docs, create-react-app should not be installed globally:
If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.
This is even stated in the error message you recieved:
You are running create-react-app 4.0.0, which is behind the latest release (4.0.1).
We no longer support global installation of Create React App.
You must uninstall create-react-app with npm uninstall -g create-react-app.
Then each time you want to create a new React app with create-react-app, use the command npx create-react-app my-app.
So to fix the error you're getting, uninstall create-react-app globally, update npm, clear the cache, and retry creating the app.
Run this in your terminal:
npm uninstall -g create-react-app && npm i -g npm#latest && npm cache clean -f && npx create-react-app#latest my-app --use-npm
I got
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
We no longer support global installation of Create React App.
so I simply called the package with an explicit version:
npx create-react-app#5.0.0 app-name
I also faced this issue after they released v4.0.2.
They have mentioned this:
If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.
I resolved the issue by following the below steps:
Uninstall create-react-app v4.0.1:
# for npm:
npm uninstall -g create-react-app
# for yarn:
yarn global remove create-react-app
You are not required to install create-react-app in your local directory, so if you do not want to do this then move to step 3. If you want to do this, install v4.0.2 without using the global flag (-g or --global) using the below command:
# for npm:
npm i create-react-app
# for yarn:
yarn add create-react-app
You can now create a new React app using the below command:
# for npx:
npx create-react-app my-app
# for npm:
npm init react-app my-app
# for yarn:
yarn create react-app my-app
I also face the same problem but the problem gets solved when I uninstall the create-react-app globally and then again install it globally.
Uninstalling Command:
npm uninstall -g create-react-app
installing Command:
npx create-react-app my-app
if you have an older npm version (npm version < 5.2) then use this command :
npm install -g create-react-app
it solved my problem I hope it will solve yours
Updating NPX worked for me. Suggestions on this page didn't do the trick but might have contributed.
npm update npx
What worked for me was:
npm uninstall -g create-react-app
And then:
npm i create-react-app # or yarn add create-react-app
I also updated the Node version.
Uninstalling create-react-app globally via npm and reinstalling without the global flag did not work for me.
npm uninstall -g create-react-app
npm install create-react-app
I was on node version 15.2.0. I upgraded to the latest stable node version 15.3.0 via nvm.
nvm install node
Then I installed create-react-app again (no global flag).
npm install create-react-app
I was then able to successfully create a new react app.
npx create-react-app my-app
EDIT: The above will install create-react-app to your current directory. To be clear, after uninstalling create-react-app globally I was no longer able to create an app via npx and received the same original error message. The best solution I've found so far is to run npm install -g npm#latest which downgraded my npm version from 7.0.14 dev build to 6.14.9 LTS build and allowed me to create the react app via npx without issue.
npm uninstall -g create-react-app
Although the uninstall command ran successfully , it was not able to uninstall create-react-app, so i kept running into the same error again and again
This finally worked for me npx create-react-app#latest my-app --template typescript
After create-react-app > 4.0.1 use these commands
npm
npm init react-app my-app
yarn
yarn create react-app my-app
Getting Started | Create React App Docs
I have nvm installed, and while using the command npx create-react-app my-app; I got this error:
You are running `create-react-app` 4.0.1, which is behind the latest release (4.0.2).
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
I confirmed that I did not have create-react-app installed globally in my nvm global directory.
I solved issue by specifying the version of the package
npx create-react-app#4.0.2 my-app
For me it was the issue with my npm version. So i did this:
npm install npm#latest -g
Now npx create-react-app app_name works.
I had to downgrade to the latest stable version of node with n in order to make it work.
sudo n stable
Just to make it clear, I never installed it globally, I just had this problem after upgrading node.
There are two different causes of this error:
You have create-react-app installed globally. Use this command to find out if you do: npm list -g --depth 0. If so, follow the instructions in the error message to uninstall it globally.
You are using node v15.0.0+. Use NVM to switch to the LTS nvm use --lts and then run create-react-app. After that you can switch to v15.0.0+ and continue working. (If you do not have NVM installed, here is how you can install it: https://github.com/nvm-sh/nvm)
For me I got the same error even though create-react-app was installed in a parent directory, not globally. So I ran npm uninstall create-react-app without the -g flag and it worked.
Using Git Bash on Windows i run into the same issue today
npx create-react-app appname
even didn't worked after i uninstalled the global installation with
npm uninstall -g create-react-app
What solved the problem for me was to clean the npm cache with the following command
npm cache clean -f
This worked for me.
sudo npm uninstall create-react-app -g
sudo npm install create-react-app#5.0.0 -g
npx create-react-app my-app
I know I'm late to the party, but here are my two cents to help you. This is how I made it worked
Uninstall Global create-react-app installation
npm uninstall -g create-react-app
Now clear the npx cache by
npx clear-npx-cache
Now try to create the application; if you still get the error saying we don't support create-react-app, change the directory to create the application
run
npx create-react-app my-app
This is how I made this worked
i was facing same issues a while ago
npx create-react-app#latest app-name
worked for me
Solution-1: Update your node package manager by using the command below.
npm install -g npm#latest
npx create-react-app my-app
Solution-2: Run your PowerShell as administrator and run the commands. Something this will not work
npm uninstall -g create-react-app
npm install -g create-react-app
//OR
npx create-react-app my-app
Solution-3: The permanent solution is to uninstall node.js and NPM and install them once again.
enjoy
use this :
npm install create-react-app
I ran into this myself today and my root cause is likely very rare but perhaps it will help someone else.
I had an npm registry defined in my .npmrc which my work requires us to use. Turns out my work mirror didn't have 4.0.1 and something in create-react-app must phone home and run a version check.
If you have a registry defined run npm view create-react-app to check the latest version.
After exploring the Github issues a bit I found a solution to this problem that was posted, which doesnt require downgrading node or npm.
I'm using Ubuntu on WSL2 so keep in mind locations might vary. The problem comes from npm having cached a global installation of create-react-app with npx that is v4.0.0 which doesnt show when you use npm view create-react-app.
If you find your npm cache which for me was located in ~/.npm/_npx/ folder, you will find folders with hashed names from all your global installs where you have used npx previously.
If you look through each of them for example with cat [hash]/package.json and note down the hash of any that contains create-react-app. Now go ahead and manually edit the package.json files to bump the version of create-react-app to 4.0.1 - and afterwards remove it from node modules with rm -rf [hash]/node_modules/create-react-app.
After this if you go back out and try to run npx create-react-app my-app it will prompt you to install 'create-react-app' as normal and should work fine, and now npx will have cached the correct version of 'create-react-app' so you wont have the issue again either. And you can use whichever version of node and npm you like.
If you're on Windows or Mac you have to figure out where the cache is located, as I don't know - but the rest of the steps should be the same.
i didn't have any global create-react-app i just did npm uninstall -g create-react-app and then i did npm install create-react-app
I ran into the same problem and the error isn't quite as explanatory as it should be. I fixed it by updating npx itself.
Please type in npm update npxin your terminal to resolve the problem.
After that you can type in npx create-react-app "your preferred project name" to create your react project.
I've uninstalled create-react-app globally also from yarn
npm uninstall create-react-app -g
And the reinstalled create-react-app
npm i create-react-app
or another way is:
npm create-react-app#latest my-app
npm create-react-app#4.0.2 my-app
The other answers didn't work for me. Trying to uninstall globally, for instance, might work to uninstall it but the error persists. It persisted across new installations of Node, and so on.
However, the following seems straightforward and worked for me:
Go into some fresh folder, in which you'll create the app, so that it doesn't already know about create-react-app.
yarn add create-react-app
yarn run create-react-app myapp
SOLUTION:
Step # 1: Remove globally the create-react-app package:
npm uninstall -g create-react-app
Step # 2: Install again globally the create-react-app package:
npm install -g create-react-app
That will install the version 5.0.1 (or higher). To check if it was properly installed, run this on the terminal:
npm list -g
Result:

And then try again to create the react app, using the sentence:
npx create-react-app <project_name>
And then it will work.
This worked for me
npm uninstall -g create-react-app
then
npm install -g create-react-app
I uninstalled node.js and reinstalled it using windows installer. Now npx create-react-app command works like a charm.

Resources