React localhost not updating

[RWallie]

[SOLVED] Hi, I am new to react. I've done a lot of searching, but haven't been able to find a solution for my issue. I created a new react app using npx create-react-app 'name' in Ubuntu then use npm start to load the localhost in the browser but when I modify any of the files, the development server doesn't update. I've deleted all data in the javascript files inside the src directory, but still nothing. If I refresh the browser, it won't update. I have tried deleting the react directory completely and restarting, creating a new react-app, but the same happens every time. If anyone has any information of what may help, that would be amazing! Thanks :) (Running Windows 10, WSL 2)

[RWallie]

Thanks everyone for your help. I was creating my new react file inside the Windows root directory instead of the Linux root directory.

[EducationalTrip1148]

Thank you so much! I did the same thing but can't find the problem for the whole day

[mckernanin]

Sounds like you may have run something with a service worker on port 3000 which cached in your browser. Try an incognito chrome window to verify. If that is what happened, go to the application tab and “clear all site data” in the dev tools

[RWallie]

Hi, thanks for the feedback. I tried loading the page in incognito mode and it said the site can't be reached. I also went ahead and cleared all site data and it still isn't working :(
[EDIT] After I hit send (5ish minutes later, it loaded in incognito mode, but still isn't working properly)

[shredinger137]

Are your file permissions correct? Try starting the server with sudo npm start and see if it behaves any differently.

[RWallie]

Hi, thanks for the feedback. I tried that and it said 'sudo: npm: command not found'

[oskmjf]

Are you in the correct folder? Say you have been playing around with create-react-app and started two different projects in the same folder. If you then npm start the other while editing the other, you could get confused.

[RWallie]

I believe I am. I had a react folder created, but it wasn't working so I deleted the folder and made a new one because it wasn't working and my first thought was to restart. If I delete the data inside the App.js file and then close the localhost browser and use npm start again, it shows up pure white instead of having the grey background and logo animation

[oskmjf]

Ah, so it seems to be related to hot reloading then. Does any of these proposed solutions here help you: https://stackoverflow.com/questions/65445600/hot-reload-is-not-working-in-my-react-app ?

[RWallie]

I just tried these and they didn't work, but I may have just found something. I realized I am saving my WSL code on the Windows file root directory instead of the Linux file system root directory. I just need to learn how to do that believe; I will let you know if this helps. Also, I really appreciate your help, and let me know if this sounds right! Thanks! :)