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
803 stars 186 forks source link

Css files not loading with Nuxt build #149

Closed eventures-io closed 3 years ago

eventures-io commented 3 years ago

For some reason the css files are not loaded when running Nuxt in production mode. There are no issues in dev mode.

I have tried upgrading Nuxt from 2.10 to 2.14, and tried vue-slick-carousel versions 1.05 and 1.0.6, and followed the setup as described in nuxt-vue-slick-carousel-example (https://github.com/kyuwoo-choi/nuxt-vue-slick-carousel-example), to no avail.

There are no build or console errors.

Does anyone have suggestions as how to look into this issue?

boykininteractive commented 3 years ago

I am running into the same problem. @eventures-io , were you able to figure this out?

eventures-io commented 3 years ago

@boykininteractive No, had no luck with this one, and didn't get any response on Nuxt forum. 'solved' by putting the library in the source folder.

mamaoag commented 3 years ago

@eventures-io A hack I did was importing the css files between /* purgecss start ignore *// purgecss end ignore / in your main css file.

moweli commented 3 years ago

@eventures-io A hack I did was importing the css files between /* purgecss start ignore *// purgecss end ignore / in your main css file.

@mamaoag hi there, i just wondering did you insert the vue-slick-carousel.css from node_module into main.css file with tag: / purgecss start ignore / / purgecss end ignore /?? I've tried it but still not working for me.

mamaoag commented 3 years ago

@mohamoud43 At that time, What I did was added the css files to the main css file. But you can use the transpile option to resolve the issue. Refer to this issue: https://stackoverflow.com/questions/52613136/how-can-i-transpile-a-dependency-in-node-modules-with-nuxt-2

Have a great day.