I'm working with the webcomponents standard, but in reality, the same thing happens with any import of es6 modules.

When I update a web component and upload it to the server, since these are imported with es6 modules, users do not see the update until they force to refresh the browser's cache.

This is a problem when it is a hotfix or when the update requires a component that the user already has in cache, but this component has had some update in the code necessary for the operation of the new component.

I've been looking, but haven't found anything that really works for me to force the browser to request the javascript modules from the server. Not even by uncaching the .htaccess, the browser keeps caching a copy and serving it from the cache itself.

I used to use the trick of putting the version in the src attribute of the script tag.

<script src="https://example.com/src/js/myscriptfile.js?v=1.1.2"></script>

But when importing with an import statement inside the javascript file this is no longer an option.

Any ideas that work?