In Vscode I am facing a problem while creating a react app - reactjs

I have used the command
> npx create-react-app my-app
Need to install the following packages:
create-react-app
Ok to proceed? (y)
// I apply the command but the result is
Ok to proceed? (y) y
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/

Try running npx clear-npx-cache to clear cache and then running npx create-react-app#latest my-app --use-npm to install latest version

First, check your npm version with command npm --version to see if it is because your npm version is too old (mine is 6.14.14).Reinstall npm to see if it solves the problem.
If it doesn't, try to uninstall the create-react-app as the document suggests, using npm uninstall -g create-react-app, and YOU DON'T NEED TO INSTALL IT! npm will take care of this for you.
These are the two suggestions I can think of so far.

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). M1 Mac

----- Update - Solved ----
using yarn create react-app my-app seems to work for me.
Attempting to create a new react app and facing this problem.. Other peoples solutions haven't worked for me so posting the steps I took so far.
npx create-react-app my-app
returns
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/
Both suggested commands do not seem to fix the issue.
npm uninstall -g create-react-app
up to date, audited 1 package in 131ms
found 0 vulnerabilities
yarn global remove create-react-app
yarn global v1.22.17
warning package.json: No license field
[1/2] 🗑 Removing module create-react-app...
error This module isn't specified in a package.json file.
info Visit https://yarnpkg.com/en/docs/cli/global for documentation about this command.
Attempted to clear cache as some suggested
npx clear-npx-cache
Need to install the following packages:
clear-npx-cache
Ok to proceed? (y) y
Not much happened there
attempted to locate the react install
npm ls -g create-react-app
/usr/local/lib
└── (empty)
tried the #latest as some suggested as well
npx create-react-app#latest my-app
Need to install the following packages:
create-react-app#latest
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` 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'm using a 13" M1 running macOS 12.3.1
----- Update -----
I reinstalled it globally then uninstalled it as some suggested now this happens.
npm install -g create-react-app
npm uninstall -g create-react-app
npx create-react-app my-app
A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.
You can fix this by running npm uninstall -g create-react-app or yarn global remove create-react-app before using create-react-app again.
package.json image
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

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

I am getting this error while installing create-react-app package even after updating the package

npx create-react-app my-app
Need to install the following packages:
create-react-app
Ok to proceed? (y)
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/
as it says in the error you need to remove the global installation of create-react-app, so run these two commands based on if you are using npm or yarn:
- npm uninstall -g create-react-app
- yarn global remove create-react-app
after it's done open up the terminal in your directory again and use the npx command. it should do the trick.
npx create-react-app my-app
As already mentioned in this post try deleting the npx cache
npx clear-npx-cache

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