Bootstrap 4 slider not working, what's wrong?

Question

Bootstrap

I do everything according to the documentation from their website, I even took it from there

$('.carousel').carousel({
  interval: 2000
})

here is the slider code, it is elementary

<div id="carouselExampleSlidesOnly" class="my-carousel slide" data-ride="carousel">
            <div class="carousel-inner slide-block">
              <div class="carousel-item active">
                  <img src="img/bass-guitar-1841186_1920.jpg" class="d-block w-100 img-fluid" alt="guitar">
              </div>
              <div class="carousel-item">
                <img src="img/guitar-2216068_1920.jpg" class="d-block w-100 img-fluid" alt="guitar">
              </div>
              <div class="carousel-item">
                <img src="img/guitar-2925274_1920.jpg" class="d-block w-100 img-fluid" alt="guitar">
              </div>
            </div>
          </div>

and still the error

Answer 1

Bootstap Documentation:
The data-ride="carousel" attribute is used to create a carousel animation. It cannot be combined with explicit carousel initialization via JavaScript.
Try removing data-ride="carousel"