We no longer support global installation of Create React App

[Arcanorum]

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.

[theunderdogdev]

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]

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]

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

[theunderdogdev]

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]

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]

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]

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]

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]

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]

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]

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.