Не подключается owl-carousel и другие плагины, в чем проблема?

Question

[LehaRybkoha]

Появляется вот эта ошибка, но дело в том, что подключен jquery первым, owl вторым и последним мой js, по сути порядок не нарушен, а все равно не хочет работать, посмотрел со старым проектом, где сборка идентичная - там все работает, тут нет.
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>

Еще он работает, если код вставить в сам html, в конец, но js файлы подключены, я проверял.
jquery

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

slider.js

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

Answer 1

[Martovitskiy]

Эта ошибка может быть вызвана тем, что вы вызвали функцию owlCarousel после включения файла jQuery, но до включения файла owl-carousel.
В этом случае функция owlCarousel еще не определена в области видимости jQuery.
Чтобы убедиться, что все загружено, вы можете предпочесть использовать: $(window).load()
Наконец, вы можете избежать библиотечных конфликтов, если таковые имеются, с помощью синтаксиса, подобного следующему:
jQuery(function($){ ...your code... });

Comments

[LehaRybkoha]

Не помогло

[LehaRybkoha]

В dust/main.js сначала идет jQuery, потом Owl и последним файл с вызовом функции owlCarousel. И так с другими плагинами такая же ситуация, подключение через cdn не помогает тоже