Angular Application files being cached by the browser

Question

I have got an issue with an Angular 5 application. For some weird reason the browser does not fetch the new version of the files even though the files have been hashed automatically by default by the webpack configuration.

The following pictures depicts the issue:

This is the chrome console showing the files used by the app, even when refreshing the page multiple times:

The following picture shows the files on the server:

As you can see my main.{hash}.bundle.js file is different from the one the browser has. How is that possible that the browser does NOT identify there are new files with a different hash names on the server? Any idea what the problem is? I would appreciate any help .