Docker loads cached version of my React app and doesn’t stop at any JavaScript breakpoints

I’m running my React web app locally on Docker. But lately, I’ve noticed that the page that renders on localhost is an older cached version of the site.

Worse, when I put a breakpoint in the first line of executed javascript in my start.js file in my app (which would be the first thing that runs when you go to the app), the chrome debugger tools don’t stop at the breakpoint, which tells me that what I see in the chrome debugger Sources pages doesn’t match up with what I see on the site.

I also noticed an error that follows:

The resource <file i use> was preloaded using link preload but not used within a few seconds from the window's load event. 
Please make sure it has an appropriate `as` value as it is preloaded intentionally.

I’m not sure what to make of this situation. I’ve tried the following:

  • compose down running containers and build back up
  • npm install and npm build my app over again
  • docker system prune -a all images and containers and re-build them from scratch
  • factory reset my docker desktop and try again
  • tried using another browser (Microsoft Edge) to see if the issue repros (which it does).

Note: i am running Docker Desktop on my Windows 10 desktop machine.

Any help much appreciated, thanks!

Source: StackOverflow