Пагинация не работает в Angular | СвиперJS

Я пытаюсь использовать swiper.js, но его нумерация страниц не работает, слайдер работает, но нет нумерации страниц, вот код.

тс

ngAfterViewInit(): void {
    new Swiper('.swiper-container', {
      spaceBetween: 30,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      breakpoints: {
        767: {
          slidesPerView: 2,
        },
      },
    });
  }

HTML

<div class = "swiper swiper-container">
      <div class = "swiper-wrapper">
        <div class = "swiper-slide">IMAGE 1</div>
        <div class = "swiper-slide">IMAGE 2</div>
        <div class = "swiper-slide">IMAGE 3</div>
        <div class = "swiper-slide">IMAGE 4</div>
        <div class = "swiper-slide">IMAGE 5</div>

      </div>
      <div class = "swiper-pagination"></div>
</div>

Слайдер работает, отображаются только два слайда, а нумерация страниц — нет.