lucaspulliese / vue-cool-lightbox

Vue.js lightbox inspired by fancybox.
https://vue-cool-lightbox.lucaspulliese.com
341 stars 54 forks source link

Can't resolve Vue Cool Lightbox #69

Closed solamichealolawale closed 3 years ago

solamichealolawale commented 3 years ago

I installed the package and attached is the error mesage I encountered.

image

I even tried using Code Sandbox https://codesandbox.io/s/vue-cool-lightbox-sample-lgl4m

It's not working. Perhaps, I am doing something wrong.

Then I noticed there's nothing except for package.json in the node_module folder for vue-cool-lighbox image

lucaspulliese commented 3 years ago

Hi @solamichealolawale!

I don't know what's happening there, try again to install the component running npm i vue-cool-lightbox.

Don't forget to add the css (import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'), and the styles to the div where the images are shown.

.images-wrapper {
  display: flex;
}

.images-wrapper .image {
  width: 300px;
  height: 300px;
  background-size: cover;
}

Check this example.

Hope this help.

solamichealolawale commented 3 years ago

The example given is using CDN. What I am using is the npm version of it. I think that's where the problem comes from