Estoy tratando de usar Swiper 8 con Webpack 5.

En mi configuración de Webpack, definí dos puntos de entrada:

 module.exports = { entry: { vendor: './vendor.js', frontend: './frontend.js', } ... }

En el proveedor.js he importado Swiper:

 import 'swiper/scss'; import Swiper from 'swiper';

En frontend.js he importado mis archivos de script:

 import './custom.js'

No, trato de inicializar Swiper en mi custom.js:

 const swiper = new Swiper('.swiper', {});

Aquí me sale un mensaje de error:

Error de referencia no capturado: Swiper no está definido

En mi archivo HTML, importo el archivo vendor.js antes que el archivo frontend.js. En teoría, la clase Swiper debería estar disponible para mí. ¿Qué estoy haciendo mal?

 <script type="text/javascript" src="/dist/vendor.js"></script> <script type="text/javascript" src="/dist/frontend.js"></script>