search

drewjbartlett / vue-flickity

A Vue Slider / Carousel Component for Flickity.js
http://drewjbartlett.com/demos/vue-flickity/
374 stars 55 forks source link

Not finding flickity css file #34

Open JimSchofield opened 6 years ago

JimSchofield commented 6 years ago

I was running into this error after npm install flickity vue-flickity -save :

Failed to load src: "flickity/dist/flickity.css" from file: "/Users/jschofie/Dropbox/Work Projects/kohler-corporate/node_modules/vue-flickity/src/flickity.vue"
(node:14152) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'trim' of undefined while parsing file: /Users/jschofie/Dropbox/Work Projects/kohler-corporate/node_modules/vue-flickity/src/flickity.vue
    at /Users/jschofie/Dropbox/Work Projects/kohler-corporate/node_modules/vueify/lib/compiler.js:266:17
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
(node:14152) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:14152) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Going into Flickity.vue and chaning the src attribute on the style tag to

<style src="../../flickity/css/flickity.css"></style>

seemed to address the issue.