create-react-app icon indicating copy to clipboard operation
create-react-app copied to clipboard

Issue while creating an react app

Open saurabh-jadhav11 opened this issue 1 year ago • 4 comments

the showing error Creating a new React app in C:\Users\ADMIN\Desktop\sucees\my-app.

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

changed 1491 packages in 2m

253 packages are looking for funding run npm fund for details Missing dependencies in package.json

saurabh-jadhav11 avatar Feb 27 '24 06:02 saurabh-jadhav11

same error

Sejalkathane avatar Mar 08 '24 05:03 Sejalkathane

It seems like you're encountering an issue with missing dependencies after creating a new React app. Here's a step-by-step solution to address this problem:

Check Package.json: First, navigate to your project directory (my-app in your case) and open the package.json file in a text editor.

Verify Dependencies: Inside package.json, there should be a section called "dependencies" listing packages like "react", "react-dom", and "react-scripts". Ensure that these dependencies are properly listed.

Install Dependencies: If any of these dependencies are missing, you can manually install them using npm or yarn. Open your terminal or command prompt, navigate to your project directory, and run:

npm install react react-dom react-scripts

or if you prefer using yarn: yarn add react react-dom react-scripts

This command will install the necessary dependencies for your React app.

Restart Development Server: After installing the dependencies, restart your development server by running:

npm start

or

yarn start

This will ensure that your React app runs with the newly installed dependencies.

Verify Installation: Once the development server is running without errors, open your web browser and navigate to http://localhost:3000 (or whichever port your app is running on) to see if your React app is working properly.

By following these steps, you should be able to resolve the missing dependencies issue and continue developing your React application. If you encounter any further errors, feel free to ask for more assistance!

Rohitbadekar-639 avatar Mar 08 '24 15:03 Rohitbadekar-639

Nevertheless, it is displayed as in the screenshot below and only the package.json is displayed in the folder, Please solve my Problem

On Sat, Mar 9, 2024 at 6:58 AM Sejal Kathane @.***> wrote:

Thanks for your support, I hope this will definitely solve my problem.

On Fri, Mar 8, 2024 at 9:14 PM Rohit Badekar @.***> wrote:

It seems like you're encountering an issue with missing dependencies after creating a new React app. Here's a step-by-step solution to address this problem:

Check Package.json: First, navigate to your project directory (my-app in your case) and open the package.json file in a text editor.

Verify Dependencies: Inside package.json, there should be a section called "dependencies" listing packages like "react", "react-dom", and "react-scripts". Ensure that these dependencies are properly listed.

Install Dependencies: If any of these dependencies are missing, you can manually install them using npm or yarn. Open your terminal or command prompt, navigate to your project directory, and run:

npm install react react-dom react-scripts

or if you prefer using yarn: yarn add react react-dom react-scripts

This command will install the necessary dependencies for your React app.

Restart Development Server: After installing the dependencies, restart your development server by running:

npm start

or

yarn start

This will ensure that your React app runs with the newly installed dependencies.

Verify Installation: Once the development server is running without errors, open your web browser and navigate to http://localhost:3000 (or whichever port your app is running on) to see if your React app is working properly.

By following these steps, you should be able to resolve the missing dependencies issue and continue developing your React application. If you encounter any further errors, feel free to ask for more assistance!

— Reply to this email directly, view it on GitHub https://github.com/facebook/create-react-app/issues/13528#issuecomment-1985922654, or unsubscribe https://github.com/notifications/unsubscribe-auth/AWMMRSXJ7DKLAIBA7BVTDOLYXHME7AVCNFSM6AAAAABD3PTAF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOBVHEZDENRVGQ . You are receiving this because you commented.Message ID: @.***>

Sejalkathane avatar Mar 09 '24 05:03 Sejalkathane

Nevertheless, it is displayed as in the screenshot below and only the package.json is displayed in the folder, Please solve my Problem On Sat, Mar 9, 2024 at 6:58 AM Sejal Kathane @.> wrote: Thanks for your support, I hope this will definitely solve my problem. On Fri, Mar 8, 2024 at 9:14 PM Rohit Badekar @.> wrote: > It seems like you're encountering an issue with missing dependencies > after creating a new React app. Here's a step-by-step solution to address > this problem: > > Check Package.json: First, navigate to your project directory (my-app in > your case) and open the package.json file in a text editor. > > Verify Dependencies: Inside package.json, there should be a section > called "dependencies" listing packages like "react", "react-dom", and > "react-scripts". Ensure that these dependencies are properly listed. > > Install Dependencies: If any of these dependencies are missing, you can > manually install them using npm or yarn. Open your terminal or command > prompt, navigate to your project directory, and run: > > npm install react react-dom react-scripts > > or if you prefer using yarn: > yarn add react react-dom react-scripts > > This command will install the necessary dependencies for your React app. > > Restart Development Server: After installing the dependencies, restart > your development server by running: > > npm start > > or > > yarn start > > This will ensure that your React app runs with the newly installed > dependencies. > > Verify Installation: Once the development server is running without > errors, open your web browser and navigate to http://localhost:3000 (or > whichever port your app is running on) to see if your React app is working > properly. > > By following these steps, you should be able to resolve the missing > dependencies issue and continue developing your React application. If you > encounter any further errors, feel free to ask for more assistance! > > — > Reply to this email directly, view it on GitHub > <#13528 (comment)>, > or unsubscribe > https://github.com/notifications/unsubscribe-auth/AWMMRSXJ7DKLAIBA7BVTDOLYXHME7AVCNFSM6AAAAABD3PTAF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOBVHEZDENRVGQ > . > You are receiving this because you commented.Message ID: > @.***> >

Did you try with pnpm?

mikizdr avatar Apr 01 '24 21:04 mikizdr