este es el archivo "modules.js" antes del cambio

 class myClass { constructor() { // do nothing } foo() { alert("foo"); } }

y este es el archivo "script.js" antes del cambio.

 import { myClass } from "modules.js"; const myInstance = new myClass(); myInstance.foo();

He cambiado estos archivos para que me gusten a continuación:

módulos.js

 class myClass { constructor() { // do nothing } foo() { alert("foo"); } bar() { alert("bar"); } }

guión.js

 import { myClass } from "modules.js"; const myInstance = new myClass(); myInstance.foo(); myInstance.bar();

y luego subí estos archivos a mi servidor y accedí a la página.
la etiqueta <script> que llama "script.js" se escribe así:

 <script type="module" src="script.js?ver=<?php echo date('Ym-dH:i:s'); ?>"></script>

y la página arrojó un error como "myInstance.bar no está definido"
Supongo que el problema es este. el caché de "script.js" ha sido actualizado por

 ?ver=<?php echo date('Ym-dH:i:s'); ?>

este código, pero "modules.js" no.
así que quiero actualizar la memoria caché del cliente de un archivo JS que se importa en js, no se usa como fuente de la etiqueta <script>.
¿Puede sugerirme alguna forma de actualizar el caché (o el archivo)?
gracias por leer mi pregunta