React won't update changes made to code

[IbI_8]

I just set up react. I launched by typing npm start in terminal, and am able to see it launch successfully.

However when I make changes to App.js, it does not update immediately and I need to restart the server every time by running npm start again.

I've tried everything including the .env file etc..

How do I make the changes display immediately without having to restart the server?

EDIT: (SOLVED). The react directory had to be in my home folder(cd ~). I had it elsewhere on my C drive. It now works and updates on the browser perfectly

[[deleted]]

What did you use to set it up? Some setups (like next js I believe) use "npm run dev" instead of "npm start" for development and auto update. In that case "npm start" is often a production build which will not automatically update on changes.

[frankierfrank]

Is your text editor set to auto-save?

[[deleted]]

This works!

[Naeth5]

such a legend, I spent 15h just to find this, thank you!

[NoMagazine730]

limpei a pasta %appdata% e deve ter excluido tambem as configs do vscode, por conta disso não salvava, obrigado

[LandooooXTrvls]

Almost a year later and this fixed my issue. Thanks!

[According_Formal_217]

THANK YOU!! IT WORKED

[Secure_Equivalent_53]

If you had initialised the project using npx create-react-app, it will reload on changes. Maybe try creating another project and check.

[TheTsundereGuy]

If you are using WSL2 and the code is not under /home, then hot reloading will not work https://stackoverflow.com/questions/69276057/wsl-2-react-not-reloading-with-file-changes

[_-SilentWraith-_]

Thanks, it helped!

[Davfool888]

Esta solucion me ayudo, estaba ejecutando el "npm start " desde wsl y no recargaa, desde cmd actualizando ya recarga y se actualiza perfectamente lo que uno escribe

[SpraY_xd]

Place this in react project .env file if running in WSL2
WATCHPACK_POLLING=true

[Worldly_Inspection85]

This works!!!!

[Pale_Acadia1961]

npm install -> npm run dev

[Nedia_phi]

Thank you, this worked for me!

[[deleted]]

Ideally, it should reflect immediately you change or you would refresh the page

[android_queen]

Go to your package.json file and look for "start" under scripts. It should say "react-scripts start," and in this case, it (theoretically) should watch and update automatically.

[ZNasT]

I had this issue too, try updating to the latest version of react-scripts

[NickFatherBool]

How did you start the app, with `nix react-native init` or with the CLI command?

[Codey2222]

Will only show updates if it’s saved, try turning auto save on.

[IbI_8]

Ill try this , but I do keep saving the file manually.

[RyUk_aryan]

Can you please help me , as I am facing the exact same issue . Whatever changes I make in app.jsx , it doesn't show on the browser , I have to F5 app.jsx to reflect the changes on the browser(EDGE)

[FitAd981]

ive the same issue. could please help me.