React not refetching expired cached files

I hava a react app (no CRA), using code splitting with the help of parcel-bundler.

When I click around in my app, it will fetch each of my js files once and cache them in the browser, basically injecting script tags in the header. So when I go to my users page, this will get injected in my index.html header:

<script async="" type="text/javascript" charset="utf-8" src="http://localhost:1234/Users.3ab12f6b.js"></script>

This is all fine. My problem is that when a user is browsing around and I have deployed a new version of my app on the server, the already open browser will never get these files unless it is closed and reopened on a new tab. I have tried setting <meta http-equiv="Cache-Control" content="max-age=10 no-cache"> in my index.html just to try if it does work at all, but doesn't seem to do anything.

My server is sending back Cache-Control public, max-age=0, along with ETag and Last-Modified. Still, since the files are cached in my html document, it seems no more request is ever reaching the server for these files to check if they are expired.

I really have no more clues left. Am I missing something fundamental here?

from React not refetching expired cached files