Conflict with owlCarousel

After inserting a shortcode, there is a conflict with owlCarousel.
Error: (index):172 Uncaught TypeError: $(…).owlCarousel is not a function
at HTMLDocument.<anonymous> ((index):172)
at i (jquery.js?ver=1.12.4:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
at Function.ready (jquery.js?ver=1.12.4:2)
at HTMLDocument.K (jquery.js?ver=1.12.4:2)

Insert owlCarousel

        $(document).ready(function() {
            var owl = $('.blog__hero-carousel').owlCarousel({
                autoplay: true,
                autoplayTimeout: 4000,
                items: 1,
                nav: false,
                dots: true,
                loop: true,
                mouseDrag: false,
                margin: 30
            });
        });