Slick slider not working, what did I do wrong?

Question

Slider

Such a problem, the slick slider does not work, the styles seem to be connected correctly, the scripts are at the end of the document, but it does not react in any way to
HTML

<link rel="stylesheet" href="slick/slick.css"/>
<link rel="stylesheet" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/main.css"/>



<div class="center">
    <div><img class="img-fluid" src="img/slider/widgets/image_left.png" alt=""/></div>
    <div><img class="img-fluid" src="img/slider/widgets/image_center.png" alt=""/></div>
    <div><img class="img-fluid" src="img/slider/widgets/image_right.png" alt=""/></div>
</div>

<script src="slick/slick.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

JS

$('.center').slick({
    centerMode: true,
    centerPadding: '60px',
    slidesToShow: 3,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 1
        }
      }
    ]
  });

Answer 1

bootstrap.min.js or jquery declare above slick.min.js