Estoy usando una técnica descrita por Aaron Smith en https://aaronsmith.online/easily-load-an-external-script-using-javascript/ para cargar dinámicamente código Javascript. Funciona bien cuando creo un archivo de código por primera vez, pero si cambio ese archivo, el navegador no selecciona la nueva versión. Supongo que eso significa que el código se almacena en caché en el navegador.
Aquí está mi código, que es casi idéntico al ejemplo de Aaron:
const loadScript = (src) => { return new Promise((resolve, reject) => { const script = document.createElement('script'); script.type = 'text/javascript'; script.on load = resolve; script.onerror = reject; script.src = src; document.head.append(script); }); };¿Cómo puedo asegurarme de que los usuarios carguen siempre la última versión de mi código? Prefiero no cambiar el nombre del archivo de código cada vez que lo actualizo. Tampoco puedo pedir a los usuarios que reconfiguren sus navegadores para ejecutar mi solución.
Simplemente asigne una cadena de consulta aleatoria para que el navegador piense que es diferente:
const loadScript = (src) => { return new Promise((resolve, reject) => { const script = document.createElement('script'); script.type = 'text/javascript'; script.onload = resolve; script.onerror = reject; script.src = src + `?dummy=${encodeURIComponent(Math.random())}`; document.head.append(script); }); };Cada vez que carga la página, está cargando un script 'diferente'.