Как исправить ошибки?

Question

[dddddee]

как исправить?
почему slick не является функцией?
main.min.js:1 jQuery.Deferred exception: ".products__slider".slick is not a function TypeError: ".products__slider".slick is not a function
at HTMLDocument. (localhost:3000/js/main.min.js:1:88878)
at e (localhost:3000/js/main.min.js:1:29754)
at t (localhost:3000/js/main.min.js:1:30078) undefined
E.Deferred.exceptionHook @ main.min.js:1
main.min.js:1 Uncaught TypeError: ".products__slider".slick is not a function
at HTMLDocument. (main.min.js:1)
at e (main.min.js:1)
at t (main.min.js:1)

подключено:

<script src="app/js/jquery-3.6.0.min.js"></script>
<script src="app/js/slick.min.js"></script>
<script src="app/js/main.js"></script>
<script src="app/js/main.min.js"></script>

main.js

$(function () {

    ('.products__slider').slick({
        dots: true,
        arrows: false,
    });

});

Если нужно скинуть ещё какую-то часть кода - напишите, я не знаю что ещё нужно)

Answer 1

[Rsa97]

почему slick не является функцией?

Потому что ('.products__slider') - это просто строка, а у строки нет метода .slick

Answer 2

[ikutin666]

предположу что
$('.products__slider').slick

Comments

[ikutin666]

$(function () {

   $('.products__slider').slick({
        dots: true,
        arrows: false,
    });

});

[dddddee]

ikutin666, не помогло и jQuery(function ($) {
$('.products__slider').slick({

});
}); тоже не помогло, выдаёт:
main.min.js:1 jQuery.Deferred exception: e(...).slick is not a function TypeError: e(...).slick is not a function
at HTMLDocument. (localhost:3000/js/main.min.js:1:88887)
at e (localhost:3000/js/main.min.js:1:29754)
at t (localhost:3000/js/main.min.js:1:30078) undefined
E.Deferred.exceptionHook @ main.min.js:1
t @ main.min.js:1
setTimeout (async)
(anonymous) @ main.min.js:1
i @ main.min.js:1
fireWith @ main.min.js:1
fire @ main.min.js:1
i @ main.min.js:1
fireWith @ main.min.js:1
ready @ main.min.js:1
B @ main.min.js:1
main.min.js:1 Uncaught TypeError: e(...).slick is not a function
at HTMLDocument. (main.min.js:1)
at e (main.min.js:1)
at t (main.min.js:1)

[ikutin666]

согласно ошибки код вызывается в main.min.js
а вы скидываете main.js

и постфикс .min используется для модифицированных(сжатых) js файлов

и странный вызов $(function(){})

попробуйте просто вызвать

$('.products__slider').slick({
        dots: true,
        arrows: false,
    });

[dddddee]

ikutin666, не думаю, что есть смысл скидывать main.min.js, так как настроен галп....

[ikutin666]

а посмотрите что в main.min.js
и нужен ли он

[Stalker_RED]

ikutin666, а вы то, но знакомы с jQuery? Вызов $(function(){}) не странный, а обычная альтернатива jQuery.ready()

[Роман Дворянов]

Есть ощущение, что один из них лишний

<script src="app/js/main.js"></script>
  <script src="app/js/main.min.js"></script>

Судя по ошибке - в момент вызова карусель Slick еще не примонтировалась как метод жиквери.

Других рекомендаций не может быть, так в доке(!) написано))

$(function () {
   $('.products__slider').slick({
        dots: true,
        arrows: false,
    });
});

Ищите проблему в другом месте, в порядке подключения скриптов, например, в доступности скриптов, не перебивает ли скрипт main.js main.min.js и наверное можно оставить какой-нибудь один из них.