我想一次滚动一张幻灯片，但Slick.js并未按照配置显示3张幻灯片

Question

        

    </div>
    <div class="col-md-8">

        <div class="tech-slider" data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
            <div class="slick-slide"><img src="images/1.png" alt=""></div>
            <div class="slick-slide"><img src="images/2.png" alt=""></div>
            <div class="slick-slide"><img src="images/3.png" alt=""></div>
            <div class="slick-slide"><img src="images/1.png" alt=""></div>

        </div>
        <div class="arrow_prev slick-arrow" style="position: absolute;top: 40%;left: -1%;">
            <i class="fas fa-chevron-left" aria-hidden="true"></i>
        </div>
        <!-- <div class="arrow_prev">
            <i class="fas fa-chevron-left"></i>
        </div> -->
        <div class="arrow_next" style="position: absolute;top: 40%; right: -1%;">
            <i class="fas fa-chevron-right"></i>
        </div>

    </div>
</section>

$（document）.ready（function（）{     $（'。tech-slider'）。slick（{         prevArrow：'.arrow_prev'，         nextArrow：'.arrow_next'，         箭头：正确，         无限：正确，         slidesToShow：3，         slidesToScroll：1     }）; }）;