При подключиние slick карусели выходит ошибка: "jquery.js:7996 Uncaught TypeError: Cannot read properties of undefined (reading 'nodeType')
Всем привет. Подключаю карусель slick и jqery через cdn. Но почему то выходит ошибка:
jquery.js:7996 Uncaught TypeError: Cannot read properties of undefined (reading 'nodeType')
И карусель работает некорректно. Я думаю из-за этого-в какой то момент они некрасиво перелистываются в начало.
$(".slide").slick({
slidesToShow: 8,
slidesToScroll: 0.1,
autoplay: true,
autoplaySpeed: 0,
speed: 100,
easing: 'linear',
cssEase: 'linear',
arrows: false,
swipe: false,
pauseOnDotsHover: true,
}); .item {
border: 1px solid black;
background-color: #c51d1d;
font-size: 23px;
padding: 100px 20px;
text-align: center;
box-sizing: border-box;
cursor: grab;
position: relative;
width: 100px;
height: 230px;
overflow-wrap: break-word;
}<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js'></script>
<div class="slide">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
</div>