question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-scripts 4.0.1 is very slow

See original GitHub issue

Describe the bug

react-scripts 4.0.1 is very slow on start and reload, by and without FAST_RELOAD, yarn start takes more than 2 minute now after update.

Did you try recovering your dependencies?

yes

Which terms did you search for in User Guide?

(Write your answer here if relevant.)

Environment

Ubuntu v20.10 Node v12.18.2 LTS yarn v1.22.5

Steps to reproduce

  1. update react-scripts to v4.0.1
  2. using typescript
  3. large scale project

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:38
  • Comments:15 (1 by maintainers)

github_iconTop GitHub Comments

17reactions
FrameMusecommented, Jul 24, 2021

If you use WSL, you should create a folder in WSL system (e.i. /home/user/folder), because /mnt/... is very slow. If you use remote server check its load with command htop. If it’s ok, your system is slow, upgrade it 😃

14reactions
imsamdezcommented, Nov 27, 2020

You just have to create a blank project using npx create-react-app slow-issues and start it using npm start.

I personally have around 7 seconds of compiling time on a blank project.

Version of CRA

npx create-react-app --version
npx : 67 installed within 7.081s
4.0.1
Read more comments on GitHub >

github_iconTop Results From Across the Web

My React App is working very slow on LocalHost but it is ...
I am working on a React-TS App. It is loading fine in live server. But in dev mode in localhost it is very...
Read more >
How can you speed up the slow compilation time of a CRA ...
Consistently get around 7 seconds recompile time, but would like it to be lower.
Read more >
Optimizing Performance - React
However, they make React larger and slower so you should make sure to use the production version when you deploy the app.
Read more >
Inside create-react-app - DataDrivenInvestor
With the start argument, NPM will begin the process to make a development server available for your React application. Here's a list of...
Read more >
Use esbuild to speed up your Creat-React-App project
Slow compilation speed has always been a pain point of ... for how to update webpack config without running react-scripts eject .
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found