Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problemas com slide

Olá! Não consigo avançar com o slide ao clicar na seta ele só modifica automaticamente depois de três segundos. O que estou fazendo de errado? No console aparece a seguinte mensagem:

carousel.js:533 Uncaught TypeError: No method named "next "
    at HTMLDivElement.<anonymous> (carousel.js:533)
    at Function.each (jquery-3.3.1.slim.min.js:2)
    at w.fn.init.each (jquery-3.3.1.slim.min.js:2)
    at w.fn.init.r._jQueryInterface [as carousel] (carousel.js:508)
    at HTMLAnchorElement.r._dataApiClickHandler (carousel.js:566)
    at HTMLDocument.dispatch (jquery-3.3.1.slim.min.js:2)
    at HTMLDocument.v.handle (jquery-3.3.1.slim.min.js:2)

O código html dessa parte é:

<div class="bd-example">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel" data-interval="3000">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="img/carrossel-img1.jpg" class="d-block w-100 imagem-carrossel-um" alt="...">
                    <div class="carousel-caption d-none d-md-block h-50">
                        <h1 class="fonte-titulo display-4">Reaproveite melhor os alimentos! </h1>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img/carrossel-img2.jpg" class="d-block w-100 imagem-carrossel-dois" alt="...">
                    <div class="carousel-caption d-none d-md-block h-50">
                        <h1 class="fonte-titulo display-4"> Economize e ganhe em saúde! </h1>
                    </div>
                </div>
            </div>

`

1 resposta
solução!

Consegui encontrar o erro, havia espaço entre as minhas aspas.