Почему не рабоает swipper slider?

Есть следующий кусок кода

    <div class="swiper-button-prev">
        <div class="presentation-player-controls">
            <a href="#" class="presentation-player-control-navigation presentation-player-control-previous player-control-prev">
                <span class="glyphicon glyphicon-arrow-left"></span>
            </a>
        </div>
    </div>

<div class="presentation-player">
        <div class="swiper-button-prev">
            <div class="presentation-player-controls">
                <a href="#" class="presentation-player-control-navigation presentation-player-control-previous player-control-prev">
                    <span class="glyphicon glyphicon-arrow-left"></span>
                </a>
            </div>
        </div>

        <div class="presentation-player-slides player-images">
            <div class="swiper-wrapper">
                @{
                    bool isActive = true;

                    foreach (SlideViewModel slide in Model.Slides)
                    {
                        if (isActive)
                        {
                            <div class="presentation-player-slides-slide player-image active swiper-slide" itemscope itemtype="http://schema.org/ImageObject">
                                <img src="@(slide.StaticUrl)"
                                     title="@Model.Presentation.Name"
                                     alt="@slide.TagAttribute"
                                     itemprop="contentUrl"/>

                            </div>
                        }
                        else
                        {
                            <div class="presentation-player-slides-slide player-image swiper-slide" itemscope itemtype="http://schema.org/ImageObject">
                                <img class="presentation-player-defer"
                                     src="@slide.StaticUrl"
                                     title="@Model.Presentation.Name"
                                     alt="@slide.TagAttribute"
                                     loading="lazy"
                                     itemprop="contentUrl"/>
                            </div>
                        }

                        isActive = false;
                    }
                }
            </div>
        </div>
        
        <div class="swiper-button-next">
            <div class="presentation-player-controls">
                <a class="presentation-player-control-navigation presentation-player-control-next player-control-next">
                    <span class="glyphicon glyphicon-arrow-right"></span>
                </a>
            </div>
        </div>
    </div>

Структура соблюдена, но слайдер не работает

    var swiper = new Swiper('.player-images', {
    spaceBetween: 30,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
    mousewheel: true,
    keyboard: true,
});