search

gs-shop / vue-slick-carousel

🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
https://gs-shop.github.io/vue-slick-carousel/
Other
815 stars 183 forks source link

slide no show on page #77

Open blackinitial opened 4 years ago

blackinitial commented 4 years ago

i use nuxt on web profile, in development is work, slick slider is showing, but in production SSR not showing. i was debugging on console, and i get a bug on css slick slider.

in development i get:

.slick-initialized .slick-slide[data-v-4dc0f449] {
    display: block;
}
.slick-slide[data-v-4dc0f449] {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;

but in production SSR nothing .slick-initialized :

.slick-slide[data-v-4dc0f449] {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

why is happened ?

yusufola commented 4 years ago

The nuxt config whitelistPattern solution suggested in issue #103 worked for me