Помогите пожалуйста разобраться, установил slick slider с помощью npm, выполнил копирование в файле webpack.mix.js
mix.copy("node_modules/jquery/dist/jquery.min.js", "public/js");
mix.copy("node_modules/slick-carousel/slick/slick.min.js", "public/js");
mix.copy("node_modules/slick-carousel/slick/slick.scss", "public/css");
mix.copy("node_modules/slick-carousel/slick/slick-theme.scss", "public/css");
В боди подключил скрипты
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/app.js"></script>
Запустил инициализацию
$(document).ready(function() {
$(".center-slider").slick({
infinite: true,
centerMode: true,
centerPadding: "60px",
slidesToShow: 3,
slidesToScroll: 3,
arrows: true,
dots: true,
});
});
На выходе получил не работающий слайдер, не прокручивает, стрелок нет, к классу слайдера добавились классы slick-initialized slick-slider slick-dotted, клоны слайдов не появились.