Why don't I get dots in Owl Carousel?

Question

JavaScript

I have an Owl Carousel slider with pictures, this is how I declared it:

$(document).ready(function() {
    let owl = $('.owl-carousel');
    owl.owlCarousel({
        items: 1,
        loop: false,
        margin: 10,
        dots: true,
        autoWidth: true
    });

    $('#left').click(function() {
        owl.trigger('prev.owl.carousel');
    });

    $('#right').click(function() {
        owl.trigger('next.owl.carousel');
    });
});

The problem is that with dots: true enabled, these same dots are not on the page at all (even in the DOM):