question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issues with running npx create-react-app on node 15.2.1

See original GitHub issue

When I run npx create-react-app appname I get the following 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.

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 ERR! code 1
npm ERR! path /Users/hat/Projects/youtube/react
npm ERR! command failed
npm ERR! command sh -c create-react-app loll

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/hat/.npm/_logs/2020-11-23T06_53_20_858Z-debug.log

I then ran npm uninstall -g create-react-app and got the following output:

up to date in 380ms

found 0 vulnerabilities

After running npm uninstall -g create-react-app command I ran npx create-react-app appname and I got the same error message as above.

This is what the error log located in /Users/hat/.npm/_logs/2020-11-23T06_53_20_858Z-debug.log looks like:

0 verbose cli [
0 verbose cli   '/Users/hat/.nvm/versions/node/v15.2.1/bin/node',
0 verbose cli   '/Users/hat/.nvm/versions/node/v15.2.1/lib/node_modules/npm/bin/npm-cli.js',
0 verbose cli   'exec',
0 verbose cli   '--',
0 verbose cli   'create-react-app',
0 verbose cli   'loll'
0 verbose cli ]
1 info using npm@7.0.8
2 info using node@v15.2.1
3 timing config:load:defaults Completed in 2ms
4 timing config:load:file:/Users/hat/.nvm/versions/node/v15.2.1/lib/node_modules/npm/npmrc Completed in 1ms
5 timing config:load:builtin Completed in 1ms
6 timing config:load:cli Completed in 1ms
7 timing config:load:env Completed in 1ms
8 timing config:load:file:/Users/hat/Projects/youtube/.npmrc Completed in 0ms
9 timing config:load:project Completed in 1ms
10 timing config:load:file:/Users/hat/.npmrc Completed in 0ms
11 timing config:load:user Completed in 0ms
12 timing config:load:file:/Users/hat/.nvm/versions/node/v15.2.1/etc/npmrc Completed in 0ms
13 timing config:load:global Completed in 0ms
14 timing config:load:cafile Completed in 0ms
15 timing config:load:validate Completed in 1ms
16 timing config:load:setUserAgent Completed in 0ms
17 timing config:load:setEnvs Completed in 1ms
18 timing config:load Completed in 8ms
19 verbose npm-session ccfcf510fa3376be
20 timing npm:load Completed in 17ms
21 http fetch GET 304 https://registry.npmjs.org/create-react-app 252ms (from cache)
22 timing arborist:ctor Completed in 1ms
23 timing arborist:ctor Completed in 0ms
24 timing arborist:ctor Completed in 0ms
25 timing command:exec Completed in 1728ms
26 verbose stack Error: command failed
26 verbose stack     at ChildProcess.<anonymous> (/Users/hat/.nvm/versions/node/v15.2.1/lib/node_modules/npm/node_modules/@npmcli/promise-spawn/index.js:64:27)
26 verbose stack     at ChildProcess.emit (node:events:329:20)
26 verbose stack     at maybeClose (node:internal/child_process:1055:16)
26 verbose stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:288:5)
27 verbose cwd /Users/hat/Projects/youtube
28 verbose Darwin 19.6.0
29 verbose argv "/Users/hat/.nvm/versions/node/v15.2.1/bin/node" "/Users/hat/.nvm/versions/node/v15.2.1/lib/node_modules/npm/bin/npm-cli.js" "exec" "--" "create-react-app" "loll"
30 verbose node v15.2.1
31 verbose npm  v7.0.8
32 error code 1
33 error path /Users/hat/Projects/youtube
34 error command failed
35 error command sh -c create-react-app loll
36 verbose exit 1

I ran npm cache clean --force to clear the cache. The output after running this command was npm WARN using --force Recommended protections disabled.

I’m running

  • node version: v15.2.1
  • npm version: 7.0.8
  • npx version: 7.0.8
  • OS: maOS CAtalina 10.15.7
  • Im using vvm version 0.35.3 to manage my node versions

I also noticed that when I downgraded my node version to v14.1.0, npm and npx was automatically downgraded to 6.14.6. I then ran npx create-react-app appname and the command worked. I was able to create react app.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:12
  • Comments:24 (1 by maintainers)

github_iconTop GitHub Comments

78reactions
NinaKWelchcommented, Nov 24, 2020

I ran npm install -g npm@latest

8reactions
GautierTcommented, Nov 23, 2020

Same issue. I already run

- npm uninstall -g create-react-app
- yarn global remove create-react-app

On MacOs Big Sur. node -v : v14.15.1 npm -v : 7.0.12

EDIT: npm install -g create-react-app fix it but it’s the opposite of what the message suggest to do…

Read more comments on GitHub >

github_iconTop Results From Across the Web

Problems while executing npx create-react-app - Stack Overflow
I created react projects on my pc before but now my npx create-react-app command is not working both on already existing projects as...
Read more >
NPX Create React APP Not Working - YouTube
To create a new React App, we use npx command with create - react - app and then project name. It should create...
Read more >
How to get "create-react-app" to work with your API - Fullstack.io
In this post, we'll explore using create-react-app alongside a Node+Express API server. We supply the React components used in this post.
Read more >
React JavaScript Tutorial in Visual Studio Code
Note: 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 ...
Read more >
Install React on Windows Subsystem for Linux - Microsoft Learn
To install the full React toolchain on WSL, we recommend using create-react-app: ... npx is the package runner used by npm to execute...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found