We no longer support global installation of Create React App #12022

Arcanorum · 2022-02-03T21:14:06Z

Describe the bug

I'm not comfortable with all of the critical bugs in the recently released CRA 5.0.0, so want to use the most recent reliable v4 instead, 4.0.3.
Can't use npx create-react-app any more due to following error.

user:~/my-dir$ npx create-react-app@4.0.3 my-new-app

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/

npm version: 8.1.0

Steps to reproduce

Try creating a new react app using CRA.

npx create-react-app@4.0.3 your-new-app
Get above error, app not created.
Try removing global install as per the given instructions with npm uninstall -g create-react-app
Has no effect.

Expected behavior

Should create a new CRA app.
Should not care about latest release.

Actual behavior

Error.

The text was updated successfully, but these errors were encountered:

theunderdogdev · 2022-02-04T08:26:06Z

It's not an error it's just a warning. Facebook suggests to use latest version of CRA for creating apps. Use this instead

npx create-react-app <your-app-name>

For more info refer to this stack overflow question

andy5090 · 2022-02-05T13:43:38Z

It's not an error it's just a warning. Facebook suggests to use latest version of CRA for creating apps. Use this instead
npx create-react-app <your-app-name>
For more info refer to this stack overflow question

You mean this one

npx create-react-app@latest <your-project-name>

I had a same problem and this has solved the problem. but should be working without designating version or latest in the future I hope.

codeeno · 2022-02-05T15:57:22Z

Is there a way to skip this error and force running a certain version of CRA instead of installing the latest one?

theunderdogdev · 2022-02-05T16:10:06Z

Then try this
npm i -g create-react-app@<version>

Then in your folder where you want to create the application

create-react-app <app-name>

This should work

HansBrende · 2022-02-05T17:16:33Z

I got the same error even when doing simply:

npx create-react-app my-new-app

Then I tried:

npm uninstall -g create-react-app
npx create-react-app my-new-app

Same error again.

The only way I was able to get cra working at all was via the following command:

npx create-react-app@latest my-new-app  # only command that works now!

It's not an error it's just a warning.

False. It fails to "create a react app". Therefore, it is an error.

theunderdogdev · 2022-02-06T02:05:00Z

False. It fails to "create a react app". Therefore, it is an error.

Ok. I can’t verify myself coz I am running into other errors which are not very known to me. You have to wait for a developer of this package who might help you out.

Bwca · 2022-02-07T08:28:04Z

It won't work even if you install create-react-app as an npm package in a separate project and try to run it from there.

However there can be cases that require cra of versions lower than 5.x, i.e. when you attempt to migrate an application from custom webpack config to create-react-app and aiming for 5.x introduces significant breaking changes.

Please don't burn the bridges for those who can't jump to the latest 5.x cra :)

theunderdogdev · 2022-02-07T08:31:29Z

Please don't burn the bridges for those who can't jump to the latest 5.x cra :)

Haha agreed!
There are a lot of changes in cra 5 and it’s buggy too

likeke1997 · 2022-02-08T09:01:17Z

try it? https://zhuanlan.zhihu.com/p/296542499
I'm not good in English, sui bian kan kan~

Steps:

# WINDOWS 10

# clone cra and checkout to old version
git clone https://github.com/facebook/create-react-app.git
cd ./create-react-app
git checkout -b v4.0.3 v4.0.3

# install lerna that cra needed, and run bootstrap
npm i -g lerna
lerna bootstrap

# npx create-react-app using old files
cd ../
npx create-react-app cra-project-old --scripts-version file:.\create-react-app\packages\react-scripts --template file:.\create-react-app\packages\cra-template-typescript

# edit dependencies and re-install
cd ./cra-project-old
# replace following:
#    "react": "^17.0.2",
#    "react-dom": "^17.0.2",
#    "react-scripts": "file:../create-react-app/packages/react-scripts",
# to it:
#     "react": "^16.12.0",
#     "react-dom": "^16.12.0",
#     "react-scripts": "^4.0.3",
rimraf node_modules
rimraf package-lock.json
npm i

# it's all right!

DylanSp · 2022-02-09T02:41:36Z

It looks from the source code that trying to use any version but the latest version errors out.

Maintainers: could we at least get an appropriate error message if the problem is trying to use an unsupported version? Or possibly allow installing with an older version of CRA, with a warning?

kthewhispers · 2022-02-10T08:34:12Z

It's not an error it's just a warning. Facebook suggests to use latest version of CRA for creating apps. Use this instead
npx create-react-app <your-app-name>
For more info refer to this stack overflow question
You mean this one
npx create-react-app@latest <your-project-name>
I had a same problem and this has solved the problem. but should be working without designating version or latest in the future I hope.

I'll definitely be typing npx create-react-app@latest my-app until they figure this out lol.

godmar · 2022-02-12T14:32:42Z

Seeing this as well. The instructions provided lead to an infinite loop.

HansBrende · 2022-02-14T00:40:43Z

Possibly related to: #10601 and npm/cli#2329

Also helpful: npx clear-npx-cache (This fixed the issue for me: I no longer have to specify @latest to get the command to work.)

(Though, I guess this does not fix the original issue the OP was interested in, which was CRA not allowing a version prior to latest to work.)

rafalp · 2022-02-18T23:51:43Z

If nothing else works for you:

Create new directory
npm init in it (use w/e data you want, this is throw-away directory)
npm install create-react-app@4.0.3
In node_modules/create-react-app/createReactApp.js find line if (latest && semver.lt(packageJson.version, latest)) { and change it to if (false && latest && semver.lt(packageJson.version, latest)) {
Add this line to your npm scripts: create-react-app my-app --template typescript --use-npm (customize what you need)
run npm run setup
enjoy

WayneEllery · 2022-02-23T22:56:24Z

My workaround is to install globally and use global version. This will use version v4 of create-react-app instead of v5 but it will install v5 of react-scripts so it will install the latest version for the created app

GioeleSalvioni · 2022-03-04T09:29:46Z

I solved this problem with this command:

npx clear-npx-cache

msikma · 2022-03-05T09:59:19Z

The readme really should be updated. Right now the website displays instructions that just don't work, or at least not for everybody.

juanmait · 2022-03-05T18:28:09Z

I solved this problem with this command:

npx clear-npx-cache

That worked for me. The documentation should suggest that you might need to clear the npx cache.

r0binxp · 2022-04-16T00:17:37Z

npx create-react-app@latest my-new-app

This Works for me, thanks

manutorre · 2022-04-16T20:12:06Z

If nothing else works for you:

Create new directory

npm init in it (use w/e data you want, this is throw-away directory)

npm install create-react-app@4.0.3

In node_modules/create-react-app/createReactApp.js find line if (latest && semver.lt(packageJson.version, latest)) { and change it to if (false && latest && semver.lt(packageJson.version, latest)) {

Add this line to your npm scripts: create-react-app my-app --template typescript --use-npm (customize what you need)

run npm run setup

enjoy

Thanks man, this works. However, it's crazy that we need to do this to use an older version

menefrego15 · 2022-04-19T21:46:24Z

You should maybe try to do :
npm init react-app my-app

It worked for me !

drey-rotation · 2022-05-02T19:30:10Z

Here is what works for me:

mkdir my-app
cd my-app
npm i create-react-app@5.0.1
npx create-react-app@5.0.1 .

You could probably use @latest instead of @5.0.1.

original001 · 2022-05-18T12:50:25Z

I think, that problem is deeper. There is no stable version in cra. We have only latest, but it's not stable.
For example, I create app from latest and gave react 18. But storybook does not support react 18 yet. Storybook is commonly used, and it's not good just ignore that case. I don't think that is stable version, if I have to patch verisons in my final package.json.

Also I have my own template, that use my company. I'm very frustrating, when I cannot create new app. lastest cra break compatibility with common tools and have no possibility to install previous more stable version.

I suggest to support two versions - stable and latest. In that case maintainers don't have to support all possible versions of cra, but only two. If users of cra are getting errors with latest, they have stable version, that ok.

Stable version should support all common used tools like storybook by scratch.

adimshev · 2022-06-20T20:29:42Z

npx clear-npx-cache

ChittaMadhobi · 2022-07-27T22:24:24Z

If nothing else works for you:

Create new directory

npm init in it (use w/e data you want, this is throw-away directory)

npm install create-react-app@4.0.3

In node_modules/create-react-app/createReactApp.js find line if (latest && semver.lt(packageJson.version, latest)) { and change it to if (false && latest && semver.lt(packageJson.version, latest)) {

Add this line to your npm scripts: create-react-app my-app --template typescript --use-npm (customize what you need)

run npm run setup

enjoy

ChittaMadhobi · 2022-07-27T22:25:53Z

This is the only way it worked. I tried to clear cache, install the latest create-react-app. As many commented before, the outcome is not just a warning. It does not create an app. Hence, this is a serious bug. Create-react-app should consider a quick response.

Nessvah · 2022-09-22T16:04:34Z

I tried every command and every suggestion here. nothing worked. It didn't provide any kind of template, not even with the template flag.

There is one thing that is working to get the template: npx create-react-app@latest <name of app>

I hope they will fix this soon.

SarmanAulakh · 2022-09-25T18:55:57Z

I got this issue too. I did what @adimshev said with clear cache and it worked. I was promted to install create-react-app@5.0.1 after clearing cache and running npx cra again. Now all subsequence npx create-react-apps also work fine!

$ npx create-react-app test
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/

$ npx create-react-app --version
5.0.0

$ npx clear-npx-cache
Need to install the following packages:
  clear-npx-cache@1.0.1
Ok to proceed? (y) y

$ npx create-react-app test
Need to install the following packages:
  create-react-app@5.0.1
Ok to proceed? (y) y

raquelhortab · 2022-11-03T11:46:40Z

I am really getting tired of all the problems of CRA, and still it keeps surprising me. The latest version creates apps with react 18, which might be an issue for many reasons. And now they don't even allow using older versions? Or options to select the react version to use? This is simply absurd. I work in programming education and I am really going to consider switching to another approach, no more recommending students to use this.

npx create-react-app@latest ui --template typescript --use-npm Because: ``` npx create-react-app ui --template typescript --use-npm 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. ``` Even though: ``` % which create-react-app create-react-app not found ``` ``` % npm uninstall -g create-react-app up to date, audited 1 package in 121ms found 0 vulnerabilities ``` ``` % yarn global remove create-react-app yarn global v1.22.17 [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. ``` See facebook/create-react-app#12022.

paulhoule · 2023-01-23T16:35:13Z

I'll add to the chorus that this is completely uncool.

I received the same wrong error message following the wrong instructions that CRA publishes for "getting started". npx clear-npx-cache solved the problem. I had no, absolutely zero, packages installed globally with npm, I don't need to get gaslighted with incorrect error messages.

In this case I am putting together a toy application to debug a problem (not really React-related) with a large React application and CRA is potentially a big help if it can save time setting up. I guess for work I'd have to set the whole thing up manually with CRA and I probably would have, but if it was a side project I'd seriously think about ditching React for Svelte or somebody else who attends to having correct instructions for the most critical operation (getting started).

Bakhaow · 2023-01-23T19:39:47Z

Having the same issue i came there but i found a way to pass through this error:

Wanting to create a react app with "npx create-react-app ." ?

use instead

cd ../
npm i create-react-app@latest
npx create-react-app
cd

Hope it can helps

& Also Enjoy Coding

Rishijay · 2023-05-07T07:07:54Z

Just like any other library upgrade, I upgraded "create-react-app" and it worked in 2 simple steps :-

Global Uninstall Create React App (just to make sure previous version doesn't conflict with latest) :- npm uninstall -g create-react-app
Global Install Create React App (by default it installs latest version) :- npm install -g create-react-app

Now, create react app with npx create-react-app <your-project-name>

Weapon-X6 · 2023-07-05T01:35:08Z

buggy

I use React here and there, everything I come back is buggy

cabiamdos · 2024-04-30T22:27:35Z

to fix it go to %appdata%/npm/node_modules if you are on windows, and in the createReactApp.js remove the "process.exit(1)"

and the if else statement so that the log part doesn't execute

Arcanorum added issue: bug report needs triage labels Feb 3, 2022

This was referenced Feb 9, 2022

can't create new react app #11866

Open

React app not being able to install #11991

Open

mwisnicki mentioned this issue Mar 21, 2022

"npx create-react-app my-app" stopped working in 4.0.3 #10601

Open

sameerahmedk mentioned this issue May 6, 2022

Fixed uninstall global React issue reactjs/react.dev#4628

Open

richardkmichael mentioned this issue Feb 8, 2023

docs: clarify docs to address installation errors #12891

Open

We no longer support global installation of Create React App #12022

We no longer support global installation of Create React App #12022

Comments

Arcanorum commented Feb 3, 2022

Describe the bug

Steps to reproduce

Expected behavior

Actual behavior

theunderdogdev commented Feb 4, 2022

andy5090 commented Feb 5, 2022 • edited Loading

codeeno commented Feb 5, 2022

theunderdogdev commented Feb 5, 2022 • edited Loading

HansBrende commented Feb 5, 2022 • edited Loading

theunderdogdev commented Feb 6, 2022 • edited Loading

Bwca commented Feb 7, 2022

theunderdogdev commented Feb 7, 2022 • edited Loading

likeke1997 commented Feb 8, 2022 • edited Loading

DylanSp commented Feb 9, 2022

kthewhispers commented Feb 10, 2022

godmar commented Feb 12, 2022

HansBrende commented Feb 14, 2022 • edited Loading

rafalp commented Feb 18, 2022 • edited Loading

If nothing else works for you:

WayneEllery commented Feb 23, 2022 • edited Loading

GioeleSalvioni commented Mar 4, 2022

msikma commented Mar 5, 2022

juanmait commented Mar 5, 2022

r0binxp commented Apr 16, 2022

manutorre commented Apr 16, 2022

If nothing else works for you:

menefrego15 commented Apr 19, 2022

drey-rotation commented May 2, 2022

original001 commented May 18, 2022

adimshev commented Jun 20, 2022

ChittaMadhobi commented Jul 27, 2022

If nothing else works for you:

ChittaMadhobi commented Jul 27, 2022

Nessvah commented Sep 22, 2022

SarmanAulakh commented Sep 25, 2022

raquelhortab commented Nov 3, 2022

paulhoule commented Jan 23, 2023

Bakhaow commented Jan 23, 2023 • edited Loading

Rishijay commented May 7, 2023 • edited Loading

Weapon-X6 commented Jul 5, 2023

cabiamdos commented Apr 30, 2024

andy5090 commented Feb 5, 2022 •

edited

Loading

theunderdogdev commented Feb 5, 2022 •

edited

Loading

HansBrende commented Feb 5, 2022 •

edited

Loading

theunderdogdev commented Feb 6, 2022 •

edited

Loading

theunderdogdev commented Feb 7, 2022 •

edited

Loading

likeke1997 commented Feb 8, 2022 •

edited

Loading

HansBrende commented Feb 14, 2022 •

edited

Loading

rafalp commented Feb 18, 2022 •

edited

Loading

WayneEllery commented Feb 23, 2022 •

edited

Loading

Bakhaow commented Jan 23, 2023 •

edited

Loading

Rishijay commented May 7, 2023 •

edited

Loading