bootstrap Карусель в express с Jade Uncaught TypeError: Невозможно прочитать свойство 'offsetWidth' из неопределенного - PullRequest
Новая
       48

bootstrap Карусель в express с Jade Uncaught TypeError: Невозможно прочитать свойство 'offsetWidth' из неопределенного

0 голосов
/ 13 января 2020

Я создал bootstrap карусель в своем приложении express, используя Jade, код выглядит следующим образом 

mixin carousel(id,items)
    .carousel.slide(id=`carousel-${id}`,data-ride="carousel")
        //- Indicators
        ol.carousel-indicators
            each item,index in items
                if(index === 0)
                    li.active(data-target=`#carousel-${id}`, data-slide-to="#{index}")
                else
                    li(data-target=`#carousel-${id}`, data-slide-to="#{index}")

    .carousel-inner(role="listbox")
        each item,index in items
            if(index === 0)
                .item.active
                    img(src="#{item.image}")
                    +carousel-caption(item)
            else
                .item
                    img(src="#{item.image}")
                    +carousel-caption(item)
    //-  Controls
    a.left.carousel-control(href=`#carousel-${id}`, role="button", data-slide="prev")
        +icon("chevron-left")
            span.sr-only Previous
    a.right.carousel-control(href=`#carousel-${id}`, role="button", data-slide="next")
        +icon("chevron-right")
            span.sr-only Next

Я устанавливаю изображения следующим образом 

  +carousel("gallery",[{image:"../images/1.jpg"},{image:"../images/2.jpg"},{image:"../images/3.jpg"}])

Карусель загружается нормально изначально, затем, когда она пытается перейти к следующему изображению, я получаю сообщение об ошибке 

bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
    at c.slide (bootstrap.min.js:6)
    at c.next (bootstrap.min.js:6)
    at e (jquery.min.js:2)

Я искал решение, и некоторые ответы включают «Я не устанавливаю какой-либо элемент как активный» ~ My Код выше устанавливает (или пытается установить) элемент с индексом 0, чтобы быть активным. Любая помощь будет оценена.

...