Estoy usando una aplicación Laravel y Laravel Mix para la creación de activos.

Estaba tratando de usar Glide.js esta noche e hice lo siguiente después de instalar glide.js a través de npm.

Dentro de mi archivo resources/js/app.js tengo este contenido:

 require('./bootstrap'); import Glide from '@glidejs/glide' new Glide('.glide').mount();

Mi webpack.mix.js , compilado por Laravel Mix, se ve así:

 mix.copyDirectory('resources/img', 'public/img') .js('resources/js/app.js', 'public/js') .version();

Cuando ahora cargo la interfaz, mi control deslizante no funciona; arroja un error JS: [Glide warn]: Root element must be a existing Html node

Cuando cambio mi etiqueta de script de:

 <script src="{{ mix src='js/app.js' }}"></script>

A

 <script src="{{ mix src='js/app.js' }}" type="module"></script>

Funciona, pero ¿es esto realmente necesario? Nunca he leído sobre type=module en combinación con mix. ¿Es esto siempre necesario una vez que el js principal tiene declaraciones de "importación"?