Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make create-react-app use npm instead of yarn?

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?

like image 826
Jack BeNimble Avatar asked May 21 '20 15:05

Jack BeNimble


People also ask

Can I use npm With create react app?

Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React. npx on the first line is not a typo — it's a package runner tool that comes with npm 5.2+.

Why does NPX create react app use yarn?

So, if yarn is already installed in your system, then npx create-react-app my-app --template redux and yarn create react-app my-app --template redux would give you the same end-result. And it is already installed in your system, that's why it has generated yarn. lock and not package.

How to create a starter code for react application using NPM?

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

How to use React create app with backend?

Create React App doesn’t handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. Under the hood, it uses Babel and webpack, but you don’t need to know anything about them. When you’re ready to deploy to production, running npm run build will create an optimized build ...

How to install create-react-app using NPM?

Install create-react-app npm i -g create-react-app --use-npm Go to desired path using cd command 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

What is the best way to publish a react app?

nwb is particularly great for publishing React components for npm. It can be used for creating React apps, too. Parcel is a fast, zero configuration web application bundler that works with React. Razzle is a server-rendering framework that doesn’t require any configuration, but offers more flexibility than Next.js.


2 Answers

You can either

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

or

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

like image 142
wentjun Avatar answered Oct 20 '22 08:10

wentjun


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
like image 10
Sajidur Rahman Avatar answered Oct 20 '22 08:10

Sajidur Rahman