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?

Improve this question

8 Answers 8

Reset to default
124

You can either

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

or

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

Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

Will this impact the app I created with yarn?
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.
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
Improve this answer

Comments

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
Improve this answer

Comments

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
Improve this answer

Comments

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

Improve this answer

4 Comments

The OP specifically asked for create-react-app, not Expo.
Yeah, that's for React Native. This for React.
That command is for React Native using Expo, whereas the question is for React using create-react-app.
I came here looking for a react native answer. Thank you
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
Improve this answer

Comments

0

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

Improve this answer

Comments

0

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

npm init react-app my-app
Improve this answer

Comments

Your Answer

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

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.