este problema ha estado plagando mi sitio web de gran producción desde hace un tiempo.

Mi app.js (compilado por webpack) tiene varios componentes de Vue:

 Vue.component( 'product-import', () => import( /* webpackChunkName: "product-import" */ './components/product_import/ProductImport.vue' ) );

Cada vez que agrego un nuevo componente a este archivo y envío mi código a producción... todos los módulos de Vue aparecen en blanco. La única forma de resolver este problema es:

1: cada usuario actualiza la memoria caché del navegador (Ctr, Shift, R)

2: Cambiar el nombre de CADA UNO de los componentes de vue (digamos de <clock></clock> a <clock2></clock2> ) a los que se hace referencia en cada archivo de mi sitio web.

Tengo habilitado el control de versiones mix.js('resources/assets/js/app.js', 'public/js/app2.js').version();

E incluso intenté cambiar el nombre del archivo app.js, pero cada vez que agrego un nuevo componente, cada uno de nuestros usuarios requiere una actualización completa para que puedan ver cualquier módulo Vue nuevamente en nuestro sitio.

Esto me disuade de agregar nuevos componentes de Vue, ya que tengo que cambiar el nombre de cada componente (y subcomponente) al que se hace referencia en todos los archivos. ¿Alguien tiene una solución para esto?