Ошибка create react app

Command Prompt showing create react app, not working

Help! I have no idea what is going on here, create react app is not working I have also tried reinstalling and yet to no avail, please help!

Npm version: 5.4.2
Node version: 8.70

Tried the npm install —save —save-exact —loglevel error react react-dom react-scripts

enter image description here

asked Dec 16, 2017 at 6:08

Zubair Amjad's user avatar

Zubair AmjadZubair Amjad

4832 gold badges5 silver badges10 bronze badges

7

In my case, «create-react-app» was not installed. to install run this command

 npm install -g create-react-app

Once installation successful, try running

npx create-react-app hello-world

If this works for you. Great else comment what worked for you,

answered Apr 8, 2019 at 5:50

UniCoder's user avatar

UniCoderUniCoder

3,02527 silver badges26 bronze badges

2

Please try this:

npm cache clean --force

answered Dec 16, 2017 at 7:32

3

I also got the same issue and tried to resolve for a long and finally resolved using this command,

npx create-react-app@latest my-app --use-npm

answered Mar 22, 2022 at 9:25

Sutharshan S Shan's user avatar

I had the same problem and had to do the following:

npm uninstall -g create-react-app

npm uninstall create-react-app

After this I was able to create the app with:

npx create-react-app project-app

answered Feb 23, 2021 at 16:07

stromyc's user avatar

stromycstromyc

4886 silver badges13 bronze badges

2

I had the same problem, and I solved it by:
1. update the npm version (npm install npm@latest -g)
2. clear the cache (npm cache clean —force)
3. create the react project (npx create-react-app todo)
(create-react-app was already installed)

answered Sep 12, 2019 at 14:05

Iulian Andriescu's user avatar

0

I had similar issue while tried creating new react app with create-react-app, but related to some random JSON reading issues while installations like.. >= 5.0 || 4.0 ..

But the fix below solves multiple and similar issues.

First of all, make sure you have required or latest version of node installed.

npm install npm@latest -g

Before using create-react-app make sure you clean npm cache using npm cache clean --force

Now, is should be fine to create new react app with npx create-react-app tl-app or npx create-react-app . if you want to create current directory as project root.

answered Jul 4, 2020 at 0:13

Bhuwan Maharjan's user avatar

0

Make sure you are not running any antivirus, stop/pause all antivirus or protection software.

You can also try

use create-react-app projectname --save
or create-react-app projectname --save-exact and start again

OR

as the error suggests, you should use a newer version of node. You are using 8.9.4, you should probably use 8.12.0 LTS.

answered Oct 26, 2018 at 19:01

Pir Abdul's user avatar

Pir AbdulPir Abdul

2,2941 gold badge26 silver badges35 bronze badges

1

It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production.

You’ll need to have Node >= 8.10 and npm >= 5.6 on your machine. To create a project, run:

npx create-react-app my-app

cd my-app

npm start

Note:
npx on the first line is not a typo — it’s a package runner tool that comes with npm 5.2+.

Create react app provides more information regarding this.

It may be the problem of cache also, so can also try:

npm cache clean —force

Edit 1: This may be due to slow internet speed, Please check the
internet and try again.

answered Dec 12, 2019 at 18:31

Ramlal S's user avatar

Ramlal SRamlal S

1,5931 gold badge14 silver badges34 bronze badges

npx create-react-app .

( the .) means create project on this folder so you should manually create if you do that

answered Jun 30, 2020 at 22:11

Kipruto's user avatar

KiprutoKipruto

7296 silver badges16 bronze badges

For the windows machine following command worked for me

yarn create react-app my-app
cd my-app
yarn set version berry
yarn
yarn start

answered Apr 14, 2021 at 7:06

Niki Trivedi's user avatar

Niki TrivediNiki Trivedi

1,5661 gold badge19 silver badges36 bronze badges

The problem on my machine was caused by yarn. I am windows 10 and after uninstalling yarn using npm uninstall -g yarn, my script run correctly. So

  1. Open terminal and type: npm uninstall -g yarn
  2. Once done, close terminal and open new one
  3. type create-react-app (app name) and this should create your app :)

Please note that the above steps assume that you already have node and react-cli installed on your machine.

answered Jan 11, 2019 at 11:45

Siphiwo Julayi's user avatar

on Ubuntu 18.04

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

answered Nov 13, 2019 at 21:29

Milán Nikolics's user avatar

Milán NikolicsMilán Nikolics

5132 gold badges5 silver badges23 bronze badges

What I did, is going to

C:\Users\mycomputerName\AppData\Roaming\npm\

I changed the name of this file

create-react-app.ps1

to

create-react-appOld.ps1

or you can delete it, then it worked fine

answered Mar 23, 2020 at 21:48

amal50's user avatar

amal50amal50

9812 gold badges21 silver badges35 bronze badges

Tried all the above methods but no luck:(

Step1 : Reinstalled Node js

Step2 : Check whether environment variables has been created. if not create one for nodejs,npm and composer

enter image description here

Step3: Also add «C:\Windows\System32» to the global PATH environment variable.

Step4: Then use «npx create-react-app my-app» to create react project

Step5: Run the commmand : cd my-app and npm start

Step6: It will work

answered Apr 30, 2020 at 14:57

Gopinath gops's user avatar

I finally got it to work. An anti-virus in my system was causing it not to work property. I unistalled it and it’s working as expected.

answered Jul 7, 2020 at 18:48

SouMitya chauhan's user avatar

After no luck with updating my npm version and doing npm cache clean —force I ended up just doing a fresh install of node which fixed the issue for me.

answered Aug 27, 2020 at 3:46

Lynn Mitchell's user avatar

0

HAD the same problem. Running Node with cra. installed cra -g for starters.

npm install -g create-react-app

then downgraded react-scripts to version 2.1.8

npm install react-scripts@2.1.8

created a .env file in root directory and added this to it.

DB_HOST=localhost
DB_USER=root
DB_PASS=s1mpl3

SKIP_PREFLIGHT_CHECK=true

Then you do the typical delete node_modules folder and the package-lock.json file.(NOT PACKAGE.JSON!!!)

then:

npm install
npm start

This worked for me. Sorry I’m not more informative on why this worked for me. I’m still trying to understand why it didn’t work in the first place.

answered Sep 28, 2020 at 4:09

djossir's user avatar

djossirdjossir

731 silver badge6 bronze badges

I just did it now after messing around with it all yesterday.

Installed react globally like people have said.

then I used ‘git bash here’ to open terminal in the directory i want

oddly, it worked when I removed npm. I know it’s weird, I’ve never had to do that and it makes no sense but its working so:

create-react-app my-app-name

I’m on windows 10 by the way.

answered Feb 9, 2021 at 9:40

Stephen M's user avatar

If there is anyone having this issue that you can not find your project when you

yarn create-react-app (name of project)
npx create-react-app (name of project)

then just be sure that you are in the right directory.

use this command in your terminal

cd ..

now search the project name by

cd (project name)

you should find your directory here.

answered Oct 26, 2022 at 23:14

Ankit Sharda's user avatar

Please do this, I hope it will fix all of your problems

1- npm i -g create-react-app
2- create-react-app my-app

answered Nov 17, 2022 at 16:15

Naveed Alam's user avatar

Find the folder and where a folder named npm is present and add it into environment variables (path)

answered Dec 2, 2022 at 13:54

Nazal Ahmed's user avatar

The following worked for me.

In the directory where your project is located type in the following:

npm install -g npm@9.8.1

Then I ran the command:

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

answered Aug 3 at 14:55

minTwin's user avatar

minTwinminTwin

1,1912 gold badges21 silver badges35 bronze badges

I also experienced the same problem and SOLVED IT.
This is what I did.

  1. Restart your machine(computer)
  2. Deactivate your anti-virus. I chose the «permanently» option
  3. Open the terminal and run the «create-react-app» command again, It will definitely do the trick.
  4. Activate your anti-virus
  5. And get working :-)

answered Dec 16, 2018 at 19:26

Vince T's user avatar

1

==================================
First Time -> I Found Error (Use Git Bash)

$ npx create-react-app test

Creating a new React app in C:\React_TEE\test.

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

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: type-fest@0.11.0
npm ERR! node_modules/type-fest
npm ERR! type-fest@»^0.11.0″ from ansi-escapes@4.3.1
npm ERR! node_modules/ansi-escapes
npm ERR! ansi-escapes@»^4.3.1″ from jest-watch-typeahead@0.6.1
npm ERR! node_modules/jest-watch-typeahead
npm ERR! jest-watch-typeahead@»0.6.1″ from react-scripts@4.0.1
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@»» from the root project
npm ERR! ansi-escapes@»^4.2.1″ from @jest/core@26.6.3
npm ERR! node_modules/@jest/core
npm ERR! @jest/core@»^26.6.0″ from jest@26.6.0
npm ERR! node_modules/jest
npm ERR! jest@»26.6.0″ from react-scripts@4.0.1
npm ERR! node_modules/react-scripts
npm ERR! 1 more (jest-watch-typeahead)
npm ERR! 1 more (jest-cli)
npm ERR! 2 more (jest-watcher, terminal-link)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional type-fest@»^0.13.1″ from @pmmmwh/react-refresh-webpack-plu
gin@0.4.2
npm ERR! node_modules/@pmmmwh/react-refresh-webpack-plugin
npm ERR! @pmmmwh/react-refresh-webpack-plugin@»0.4.2″ from react-scripts@4.0.1
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@»
» 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 C:\Users\Miku\AppData\Local\npm-cache\eresolve-report.txt for a ful
l report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Miku\AppData\Local\npm-cache_logs\2021-01-29T19_19_32_095
Z-debug.log

Aborting installation.
npm install —save —save-exact —loglevel error react react-dom react-scripts
cra-template has failed.

Deleting generated file… package.json
Deleting test/ from C:\React_TEE
Done.
npm ERR! code 1
npm ERR! path C:\React_TEE
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c create-react-app test

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Miku\AppData\Local\npm-cache_logs\2021-01-29T19_19_32_148
Z-debug.log

==================================
I Fix Error (Use Git Bash)

npm uninstall create-react-app
npm uninstall -g create-react-app
npm i -g npm@latest
npm cache clean -f
npx create-react-app my-app
.
.
.
Happy hacking!

create-react-app — это инструмент командной строки, который позволяет создавать новые React-приложения с использованием предустановленной конфигурации. Если у вас возникли проблемы с запуском create-react-app, то, вероятно, есть несколько причин.

  1. Не установлен Node.js. Убедитесь, что на вашем компьютере установлен Node.js и npm. Вы можете проверить версию Node.js, запустив node -v, а версию npm — npm -v. Если вы не установили Node.js, то скачайте его с официального сайта nodejs.org и выполните установку.

  2. Не установлен create-react-app. Вы можете установить его, запустив команду npm install -g create-react-app. Это установит create-react-app глобально на вашем компьютере.

  3. Не удается создать проект. Если вы столкнулись с ошибкой при создании нового проекта с помощью create-react-app, попробуйте добавить флаг --verbose, чтобы получить дополнительную информацию об ошибке. Например, create-react-app my-app --verbose.

  4. Проблемы с доступом к файлам. Если у вас возникли проблемы с доступом к файлам при запуске create-react-app, убедитесь, что у вас есть права на запись в текущую директорию.

Если вы все еще сталкиваетесь с проблемами, попробуйте удалить create-react-app и повторно установить его, используя команду npm uninstall -g create-react-app и npm install -g create-react-app. Если ничего не помогает , попробуйте создать новый проект в другой директории и проверьте, работает ли он. Также стоит проверить, есть ли у вас последняя версия create-react-app. Вы можете проверять новые версии, выполнив npm view create-react-app version. Если версия устарела, обновите ее, используя npm install -g create-react-app@latest.

Asked

Viewed
13k times

I am facing a problem with creating a new React app using CRA when I run the following command npx create-react-app my-app.

  • I tried to clear npm cache with this command npm cache clean --force
  • I also tried this command npm -g uninstall create-react-app

My node version is v14.15.3 and the npm version is 7.10.0
The error which I get is :

Need to install the following packages:
  create-react-app
Ok to proceed? (y)

  • reactjs
  • npm
  • create-react-app

asked Apr 23, 2021 at 16:49

Oussama Bouchikhi's user avatar

6

  • this is not an error. what did you get after proceeding?

    Apr 23, 2021 at 17:49

  • create-react-app is not recognized as an internal or external command…

    Apr 23, 2021 at 22:56

  • it seems like a path variable issue. which OS are you using?

    Apr 24, 2021 at 5:16

  • I am using windows 10

    Apr 24, 2021 at 16:31

  • could you check echo %Path%

    Apr 24, 2021 at 17:38

10 Answers

Need to clear the cache on the npx:

npx clear-npx-cache

and then re-run

npx create-react-app <app-name>

and then accept (y)

answered Dec 17, 2021 at 7:40

snewn's user avatar

snewnsnewn

5494 silver badges4 bronze badges

2

  • Worked like a charm. Clearing npx cache and re-running cra command worked.

    Dec 24, 2021 at 6:01

  • Make sure you’re using a current version of Node for this… Our app happens to be using 10.15.3 (barf) so the cache clean wouldn’t work and the whole thing wouldn’t work. Finally remembered to switch to Node 16+ with nvm, and this solution worked.

    Feb 28, 2022 at 21:18

Just had the same problem. This worked for me:

  • npm -g uninstall create-react-app
  • npm cache clean —force
  • npm install -g create-react-app
  • npx create-react-app my-app

answered Dec 15, 2021 at 12:18

Antonia Krilić's user avatar

Just clear the cache by running, npx clear-npx-cache and then try to create your react app npx creact-react-app my-app.

answered Dec 21, 2021 at 4:34

Satyajit Mahunta's user avatar

When it said
Ok to proceed? (y)
I went through that twice and it told me the version I was using was no longer supported so,
npm update

answered Dec 19, 2021 at 3:55

Hannah Mulligan's user avatar

2

  • As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

    Dec 19, 2021 at 5:35

  • This does not really answer the question. If you have a different question, you can ask it by clicking Ask Question. To get notified when this question gets new answers, you can follow this question. Once you have enough reputation, you can also add a bounty to draw more attention to this question. — From Review

    Dec 19, 2021 at 13:56

Hi Oussama Bouchikhi,

You can try the following npm commands to solve the issue:

Run this first,

npm uninstall -g create-react-app

then

npm install -g create-react-app

Here’s the snapshot of the same,
create-react-app-issue

Let us know if it works!
Happy Hacking!

answered Dec 21, 2021 at 6:53

Nitesh Sharma's user avatar

  1. Options 1
    Switch to yarn instead of npm

    npm i -g yarn
    yarn create react-app
    
  2. Options 2
    Uninstal Node completely and re-instal it again
  3. Option 3
    Use nvm (Node Version Manager)

answered Dec 21, 2021 at 19:08

Oussama Bouchikhi's user avatar

When it gives you this error, it asks your permission to install create-react-app

...
Ok to proceed? (y)

Type y in your terminal and press enter

You might find this helpful as well:
https://create-react-app.dev/docs/getting-started/

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.

answered Apr 23, 2021 at 17:57

GonEbal's user avatar

GonEbalGonEbal

2282 silver badges8 bronze badges

1

  • I get this «create-react-app is not recognized as an internal or external command…»

    Apr 23, 2021 at 22:57

could you try to add this path to your system variable?
C:\Users\<user-name>\AppData\Roaming\npm

and try again with npx create-react-app <app-name>

answered Apr 24, 2021 at 17:39

miraj's user avatar

mirajmiraj

5463 silver badges12 bronze badges

3

  • I think it’s already in the environment variables C:\Users\pc cam\AppData\Roaming\npm

    Apr 25, 2021 at 16:50

  • in your path there is a space in your username. afaik it shouldn’t be like this. space broke the path link I think

    Apr 26, 2021 at 19:17

  • I changed the user name and I still get the same behavior

    Apr 27, 2021 at 18:12

You need to clear your npx cache first.

Delete the folder _npx inside the path returned by npm config get cache

# In Linux/MacOS terminal
rm -rf `npm config get cache`/_npx

This can also be done with @snewn’s method, I posted this in case you want to skip that dependency.

answered Dec 26, 2021 at 5:03

David Villamizar's user avatar

Need to clear the cache on the npx:

npx clear-npx-cache
and then re-run

npx create-react-app
and then accept (y)

answered Dec 26, 2021 at 5:09

Subxmi's user avatar

2

  • As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

    Dec 26, 2021 at 8:39

  • This is the same as the top-voted answer, but without formatted code blocks.

    Mar 19, 2022 at 20:57

  • The Overflow Blog
  • Featured on Meta

Related

Hot Network Questions

  • How do human girls who are sterilised at age 9 develop as they mature?

  • Can a bucking transformer get «high on its own supply»?

  • How to ensure data consistency in system with multiple databases?

  • Japan e-Visa system cannot read my passport, and embassy have no slot for in-person application, what should I do?

  • How should I fill a gap between concrete and wood subfloor?

  • Behaviorists hate this trick

  • Why are humans and AI often treated differently in cases where they perform nearly identical processes?

  • Tikz: Allow the |[style]| syntax in execute at empty cells

  • Apple ][ nibble disk format specification

  • Difference between 怎么办 and 做什么?

  • Representation of /o/ phoneme in Cuneiform

  • Filter a list of strings to create a separate list of those that match a given prefix

  • Is this a scam?

  • Will my Hydra sink into the bog?

  • X2 Capacitor rating

  • What happens if you ignore a howler?

  • why has teixobactin not reached clinical use in humans yet?

  • How big would a dog like the one described need to be to survive an attack by the big cat I’ve described?

  • How did Professor Sprout bandage the Whomping Willow?

  • What caused the deterioration of relations between Poland and Ukraine?

  • How (abc) is parsed in bash

  • Is Computer Modern 12 pt an exact scaled version of 10 pt? If not, how to scale?

  • Isn’t it convenient to pronounce «-man» in «salesman» and «-men» in «salesmen» differently as you do it in «man [mæn]» and «men [men]»?

  • Why do programming languages use the asterisk * for multiplication?

more hot questions

Question feed

Your privacy

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

1. Purpose

In this post, I would demonstrate how to solve the following error when trying to create an react app using npx:

/usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npx-cli.js create-react-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/

Done

2. The solution

2.1 Debug

According to the above error message, we probably installed the create-react-app package globally, let’s check:

➜  ~ create-react-app
zsh: command not found: create-react-app
➜  ~

It seems that we have not installed the creat-react-app globaly.

We can verify it by list all the globally installed packages:

So the create-react-app is not installed globally. Why the error message say that I have installed the package globally?

2.2 The path to success

So I searched a lot for the solution ,here is the trying process:

2.2.1 Trying to upgrade npm

But I got this error:

➜  ~ npm i -g npm@latest
npm ERR! code EACCES
npm ERR! syscall rename
npm ERR! path /usr/local/lib/node_modules/npm
npm ERR! dest /usr/local/lib/node_modules/.npm-i9nnxROI
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/npm' -> '/usr/local/lib/node_modules/.npm-i9nnxROI'
npm ERR!  [Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/npm' -> '/usr/local/lib/node_modules/.npm-i9nnxROI'] {
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'rename',
npm ERR!   path: '/usr/local/lib/node_modules/npm',
npm ERR!   dest: '/usr/local/lib/node_modules/.npm-i9nnxROI'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/bswen/.npm/_logs/2021-12-15T11_47_34_810Z-debug.log
➜  ~

It’s a permission problem, change it to run as root:

➜  ~ sudo npm i -g npm@latest
Password:

removed 8 packages, changed 24 packages, and audited 215 packages in 4s

10 packages are looking for funding
  run `npm fund` for details

3 moderate severity vulnerabilities

To address all issues, run:
  npm audit fix

Run `npm audit` for details.
➜  ~

Now check the npm/node version again:

➜  ~ npm version
{
  npm: '8.3.0',
  node: '17.1.0',
  v8: '9.5.172.25-node.13',
  uv: '1.42.0',
  zlib: '1.2.11',
  brotli: '1.0.9',
  ares: '1.18.1',
  modules: '102',
  nghttp2: '1.45.1',
  napi: '8',
  llhttp: '6.0.4',
  openssl: '3.0.0+quic',
  cldr: '39.0',
  icu: '69.1',
  tz: '2021a',
  unicode: '13.0',
  ngtcp2: '0.1.0-DEV',
  nghttp3: '0.1.0-DEV'
}

now try to create react project using webstorm again, still got this error:

/usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npx-cli.js create-react-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/

Done

2.2.2 Trying to uninstall it globally

Though I do not installed the create-react-app globally, I still follow the instructions in the error message:

➜  WebstormProjects npm uninstall -g create-react-app

up to date, audited 1 package in 304ms

found 0 vulnerabilities
➜  WebstormProjects 

I even cleaned the cache, but still not work:

➜  WebstormProjects npm cache clean -f         
npm WARN using --force Recommended protections disabled.
➜  WebstormProjects npx create-react-app my-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/

➜  WebstormProjects 
2.2.3 Trying to install the create-react-app again

still not work:

➜  WebstormProjects npm i create-react-app

up to date, audited 139 packages in 6s

4 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.
➜  WebstormProjects 
2.2.4 Trying to downgrade node and npm to stable version
➜  WebstormProjects sudo n stable
  installing : node-v16.13.1
       mkdir : /usr/local/n/versions/node/16.13.1
       fetch : https://nodejs.org/dist/v16.13.1/node-v16.13.1-darwin-x64.tar.xz
   installed : v16.13.1 (with npm 8.1.2)
➜  WebstormProjects npm version

➜  WebstormProjects npm version
{
  npm: '8.1.2',
  node: '16.13.1',
  v8: '9.4.146.24-node.14',
  uv: '1.42.0',
  zlib: '1.2.11',
  brotli: '1.0.9',
  ares: '1.18.1',
  modules: '93',
  nghttp2: '1.45.1',
  napi: '8',
  llhttp: '6.0.4',
  openssl: '1.1.1l+quic',
  cldr: '39.0',
  icu: '69.1',
  tz: '2021a',
  unicode: '13.0',
  ngtcp2: '0.1.0-DEV',
  nghttp3: '0.1.0-DEV'
}


Then try again, still not work:

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

Done


2.3 The solution

Then I realize that I might have installed the create-react-app in the current directory, not globally, so I tried to uninstall it without -g option.

➜  WebstormProjects npm uninstall create-react-app

removed 63 packages, and audited 76 packages in 1s

found 0 vulnerabilities
➜  WebstormProjects 

Now try again to create react app:

➜  WebstormProjects npx create-react-app my-app      
Need to install the following packages:
  create-react-app
Ok to proceed? (y) y
npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Creating a new React app in /Users/bswen/WebstormProjects/my-app.

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

⸨#####⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⸩ ⠸ idealTree:readable-stream: sill placeDep ROOT [email protected] OK for: readab

It works!

3. Summary

In this post, I demontrated how to solve the We no longer support global installation of Create React App problem when trying to create react app using npx create-react-app my-app, the key point is to check if you have installed the old version of create-react-app locally or globally, you should check it globally or locally . That’s it, thanks for your reading.

Понравилась статья? Поделить с друзьями:

Интересное по теме:

  • Ошибка create 2dt texture
  • Ошибка create file failed with 32
  • Ошибка create database permission denied in database master
  • Ошибка crc32 не совпадает попробуйте еще раз
  • Ошибка crc что это такое

  • Добавить комментарий

    ;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: