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>
`