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.

How can I use create-react-app@next ?

See original GitHub issue

Describe the bug

I am unable to use npx create-react-app@next is it normal ?

Environment

I am using:

Code: 1.51.0 Python 3.8.5 Node: v15.1.0 NPM: 7.0.9 Yarn: 1.22.10 TSC: Version 4.0.5 Linux: 5.8.18-200.fc32.x86_64 zsh 5.8 (x86_64-redhat-linux-gnu)

create-react-app:

npx create-react-app --info     

Environment Info:

  current version of create-react-app: 4.0.0
  running from /home/luxcium/.npm/_npx/c67e74de0542c87c/node_modules/create-react-app

  System:
    OS: Linux 5.8 Fedora 32 (KDE Plasma) 32 (KDE Plasma)
    CPU: (20) x64 Intel(R) Core(TM) i9-10900X CPU @ 3.70GHz
  Binaries:
    Node: 15.1.0 - ~/dev/vscode-luxcium.io/data/tmp/fnm-shell-7097277/bin/node
    Yarn: 1.22.10 - ~/dev/vscode-luxcium.io/data/tmp/fnm-shell-7097277/bin/yarn
    npm: 7.0.9 - ~/dev/vscode-luxcium.io/data/tmp/fnm-shell-7097277/bin/npm
  Browsers:
    Chrome: 86.0.4240.183
    Firefox: 82.0.2
  npmPackages:
    react: Not Found
    react-dom: Not Found
    react-scripts: Not Found
  npmGlobalPackages:
    create-react-app: Not Found

create-react-app@next:

npx create-react-app@next --info

Environment Info:

  current version of create-react-app: 4.0.0-next.117+2b1161b3
  running from /home/luxcium/.npm/_npx/735e6577b9b7ff3f/node_modules/create-react-app

  System:
    OS: Linux 5.8 Fedora 32 (KDE Plasma) 32 (KDE Plasma)
    CPU: (20) x64 Intel(R) Core(TM) i9-10900X CPU @ 3.70GHz
  Binaries:
    Node: 15.1.0 - ~/dev/vscode-luxcium.io/data/tmp/fnm-shell-7097277/bin/node
    Yarn: 1.22.10 - ~/dev/vscode-luxcium.io/data/tmp/fnm-shell-7097277/bin/yarn
    npm: 7.0.9 - ~/dev/vscode-luxcium.io/data/tmp/fnm-shell-7097277/bin/npm
  Browsers:
    Chrome: 86.0.4240.183
    Firefox: 82.0.2
  npmPackages:
    react: Not Found
    react-dom: Not Found
    react-scripts: Not Found
  npmGlobalPackages:
    create-react-app: Not Found

Steps to reproduce

  1. cd /tmp
  2. rm -fr ./my-app-tmp
  3. npm uninstall -g create-react-app
  4. yarn global remove create-react-app
  5. npx create-react-app@next my-app-tmp --template typescript

Expected behavior

Being able to try the next version

Actual behavior

up to date in 127ms

found 0 vulnerabilities
yarn global v1.22.10
[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.

You are running `create-react-app` 4.0.0-next.117+2b1161b3, which is behind the latest release (4.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 ERR! code 1
npm ERR! path /tmp
npm ERR! command failed
npm ERR! command sh -c create-react-app my-app-tmp --template typescript

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/luxcium/.npm/_logs/2020-11-08T06_47_36_015Z-debug.log

Screenshot_20201108_015210

Reproducible demo

cd /tmp; rm -fr ./my-app-tmp
npm uninstall -g create-react-app; yarn global remove create-react-app; npx create-react-app@next my-app-tmp --template typescript

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

1reaction
Luxciumcommented, Nov 8, 2020

and even if it is not your ‘department’ I just want to inform you that I want to use both NestJs and react in the same project so this is the NestJS struggle I have to figure out also:

Screenshot_20201108_023558

npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
1reaction
Luxciumcommented, Nov 8, 2020

Why do I have to struggle with managing all that myself (Is it a forbidden DOOM to yarn eject)?

Screenshot_20201108_023033

npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
Read more comments on GitHub >

github_iconTop Results From Across the Web

Migrating from Create React App - Next.js
Migrating from Create React App. This guide will help you understand how to transition from an existing non-ejected Create React App project to...
Read more >
Creating a website with Next.js and React - LogRocket Blog
Step 1 — Bootstrap a Next.js application · Step 2 – Understanding pages folders · Step 3 — Retrieve and display data from...
Read more >
Create a New React App
If you're learning React or creating a new single-page app, use Create React App. If you're building a server-rendered website with Node.js, try...
Read more >
Next JS How To Create New React App (NextJS) - YouTube
nextjs #webapp #vscode next js create react app / create next app (the fastest way)00:13 checking nodejs version (node --version)00:26 ...
Read more >
Migrating a Create-React-App to NextJS - Better Programming
Installing NextJS · Step 1 — Uninstall React Scripts · Step 2 — Install Next package · Step 3 — Change the scripts...
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