owl-carousel and other plugins are not connected, what's the problem?

Question

JavaScript

This error appears, but the fact is that jquery is connected first, owl is the second and last my js, in fact the order is not broken, but still does not want to work, I looked with the old project, where the assembly is identical - everything works there, not here .
index.js

import "owl.carousel/dist/owl.carousel";
import "./import/modules.js";

index.html

<script src="../js/jquery.js"></script>
        <script src="../js/main.js"></script>
        <script src="../js/slider.js"></script>
    </body>
</html>

It also works if the code is inserted into the html itself, at the end, but the js files are connected, I checked.
jQuery

import $ from 'jquery'; 
window.$ = jQuery;
window.jQuery = jQuery;

slider.js

$(document).ready(function(){
    $('.owl-carousel').owlCarousel()
});

Answer 1

This error can be caused by calling the owlCarousel function after including the jQuery file but before including the owl-carousel.
In this case, the owlCarousel function is not yet defined in jQuery's scope.
To make sure everything is loaded, you may prefer to use: Finally, you can avoid library conflicts, if any, with a syntax like the following:$(window).load()
jQuery(function($){ ...your code... });