56

I kind of rushed into creating a React app based on a tutorial that used yarn. Now I'm going to re-create the app from scratch because I'm not satisfied with the reactstrap library, and I'd like to switch to react-bootstrap.

I've re-installed node. However, when I run create-react-app, it says to use "yarn" instead of "npm" as follows:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd react-test
  yarn start

I'd like to use npm because it seems like it's more widely used and there are more examples based on it. Am I stuck with yarn, or can I go ahead and use npm?

8 Answers 8

124

You can either

1) Remove yarn.lock, and running npm i,

or

2) Run create-react-app app --use-npm

2
  • Will this impact the app I created with yarn? Commented May 21, 2020 at 16:00
  • 3
    Nope. It will be fine as long as you remove yarn.lock. This should remove the traces of it and any version conflicts. If you want to play safe, you can remove node_modules, before running npm i. This in turn will reinstall the dependencies and generate the package-lock.json.
    – wentjun
    Commented May 21, 2020 at 16:03
12

1 ⇢ If you have installed create-react-app then use:

create-react-app --use-npm

2 ⇢ If you are using npx command then use:

npx create-react-app --use-npm

3 ⇢ For existing yarn app, remove the yarn.lock file and run:

npm i

or

npm install
1
  1. Install create-react-app npm i -g create-react-app --use-npm
  2. Go to desired path using cd command
  3. Add --use-npm create-react-app my-app-name --use-npm This command will create a folder with the name that you mentioned inside your current path . This folder consists all necessary configuration files needed for a starter code for react application
1

# Run this to create-react-app using npm

npx create-react-app my-app

# Or run this to create-react-app using yarn

yarn create react-app my-app
0

I dont know if this helps. But I was having the same problem and did this

npx expo-cli init --npm

and it installed with npm

hope this helps you or someone in the future

4
  • 2
    The OP specifically asked for create-react-app, not Expo.
    – Sal Rahman
    Commented Jan 31, 2021 at 19:59
  • 2
    Yeah, that's for React Native. This for React.
    – Rap
    Commented May 2, 2021 at 17:11
  • That command is for React Native using Expo, whereas the question is for React using create-react-app.
    – Lex Soft
    Commented Oct 9, 2021 at 8:47
  • I came here looking for a react native answer. Thank you
    – zivc
    Commented Mar 9, 2022 at 22:45
0

For latest versions, the flag is changed to --npm So if you want to use npm then use it like

npx react-native init YourProject --npm
0

The same problem comes to me. I used "create-react-app --use-npm". It works.

0

If you want to create react app by simple npm (not npx):

npm init react-app my-app

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.