Question 222210 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – npx create-react-app not completing its job(windows)

I am trying to start with react and I am following the steps.
it says :

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


> [email protected] postinstall C:UsersPrabhatSandboxreactr-appnode_modulescore-js
> node -e "try{require('./postinstall')}catch(e){}"


> [email protected] postinstall C:UsersPrabhatSandboxreactr-appnode_modulescore-js-pure
> node -e "try{require('./postinstall')}catch(e){}"

+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
added 1441 packages from 629 contributors in 206.238s

232 packages are looking for funding
  run `npm fund` for details

however every time I am stuck with a response like this below image :

I did follow these steps but it is not going forward:

1. npm uninstall -g create-react-app
This is the npm command to uninstall your global installation of create-react-app. Theoretically, when this removes the global install, you should be able to run npx create-react-app my-app. This, however, did not work for me.

2. yarn global remove create-react-app
This is basically the yarn version of what is done in the previous method. I wasn’t using yarn, so this method didn’t apply to me.

3. npm update npx
This simple line is actually the only thing that worked for me. After running npm update npx, I ran the original npx create-react-app my-app and it worked like a charm. You’d be surprised by how…
Tags:

2

Answers


  1. 0

    Based on your question, it seems like you’re running into an issue while trying to set up a new React project using create-react-app, but there’s no specific error message provided. Your provided installation process appears to have completed successfully with the required React packages being added.

    Just to confirm, here are the basic steps to set up a new React project:

    1. Install Node.js and npm (Node Package Manager) if you haven’t done so already. You can download Node.js and npm from https://nodejs.org/. After installation, you can check the versions of Node.js and npm by running node -v and npm -v in your terminal/command prompt.

    2. Once you have Node.js and npm installed, you can use the following command to create a new React application. Let’s say we want to create a new application called "my-app".

      npx create-react-app my-app

      Here, npx is a package runner tool that comes with npm. It’s used to execute one-off commands that are not installed globally on your system. create-react-app is a boilerplate generator for React applications.

    3. After running the above command, navigate into your new project directory with:

      cd my-app

    4. Finally, you can start the React development server with:

      npm start

    This should start the development server and open a new tab in your default web browser pointing to http://localhost:3000, where you should see your new React application.

    If you are still having issues, it would be helpful if you could provide the specific error message or the image you mentioned. That way, I can provide a more precise solution.

    Login or Signup to reply.
  2. 0

    This may be cache issue.For this run

    npm cache clean --force

    If the issue still persisits then the best way is to restart your laptop.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search