Swiper: [solución] no funciona la navegación o paginación

Por defecto, SwiperJS solo carga su core version, es decir, sin módulos adicionales (como Navigation, Pagination, etc).

Por lo tanto, para que funcionen debes primero importarlos y configurarlos. Ej:

// core version + módulos navigation y pagination:
import Swiper, { Navigation, Pagination } from 'swiper';

// Importamos los estilos que necesitemos
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';

// Configuramos los módulos a usar
Swiper.use([Navigation, Pagination]);

// Inicializamos Swiper:
const swiper = new Swiper(...);

Lo mismo ocurre si aplicamos el efecto «fade«:

Swiper.use([EffectFade]);