Не работает slick-slider в чем ошибка?

Question

[Djoni Kage]

index.html

<section class="top-slider">
        <div class="contanier">
          <div class="top-slider__inner">
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">
            </div>
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">

            </div>
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">

            </div>
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">

            </div>
          </div>

        </div>
      </section>

gulpfile.js

function scripts() {
  return src([
    "node_modules/jquery/dist/jquery.js",
    "node_modules/slick-carousel/slick/slick.js ",
    "app/js/main.js"
  ])
    .pipe(concat("main.min.js"))
    .pipe(uglify())
    .pipe(dest("app/js"))
    .pipe(browserSync.stream());
  
}

main.js

$(function (){
  $('.top-slider__inner').slick({});
});

_libs.scss

Dmitrijs Balcers '../../node_modules/slick-carousel/slick/slick.scss'

@import "vars";
@import "fonts";
@import "reset";
@import "libs";
@import "global";

в чем проблема не могу понять 2 раз по тутору переделываю и все равно slick не срабатывает

в index.html slic не подключал в уроке так работает у меня почему то нет

Comments

[Алексей Дубровин]

Тк надо подключить.

[Djoni Kage]

Алексей Дубровин, попробовал никакого результата

<link rel="stylesheet" href="node_modules\slick-carousel\slick\slick.css">
    
    <link rel="stylesheet" href="app/css/style.min.css" />
    <title>Document</title>

<script src="node_modules/slick-carousel/slick/slick.min.js" ></script>
    <script src = "js/main.min.js"></script>

[Алексей Дубровин]

Djoni Kage, Эм
Нужно найти то, как называется файл.
Если он не компилирует в коде скрипт для слайдера то ошибка в этом.
Вот папка в которой компилируется итоговый файл(app/js)
1) в стилях обратный слеш, вы на mac\linux или на wind?
2) переименуйте в другое название.
3)

<script src="node_modules/slick-carousel/slick/slick.min.js" ></script>

Не должно быть. Вы уже минифицируете.

[Djoni Kage]

Алексей Дубровин, пардон <script src = "js/main.min.js"></script> был изначально подключен

[Djoni Kage]

Алексей Дубровин, все заработало спасибо за помощь ,изменил <script src = "app\js\main.min.js"></script>