search

Developmint / nuxt-svg-loader

SVGs as components, also on the server side!
MIT License
144 stars 14 forks source link

Bug? vuetify is broken when tree-shaking is enabled #53

Open larzon83 opened 5 years ago

larzon83 commented 5 years ago

Hey,

I currently use Vuetify (1.5.16) in my nuxt-app. I also use vuetify-loader to only include the used components. However, after installing this module my whole app looks like crap. The console is full of these messages: [Vue warn]: Unknown custom element: did you register the component correctly? It seems like the vuetify-loader rules getting overwritten or something like that.

Vuetify is implemented as a plugin, as this was the standard way before the nuxt/vuetify module. I therefore quickly created a fresh/new nuxt-app with the nuxt-vuetify-module. After enabling tree-shaking (a must, to use vuetify-loader under the hood), the app breaks as well. See attached screenshot. Without tree-shaking, everything is fine. BTW: the beautiful red icon is a svg with css styling -> your module works :)

I don't know, if this should be fixed on your side or vuetify-loader? Any ideas?

Bildschirmfoto 2019-08-07 um 23 36 15
larzon83 commented 5 years ago

Someone can help?

morganphilo commented 5 years ago

Had the exact same issue. I moved over to https://www.npmjs.com/package/nuxt-svg which has since been deprecated in favour of https://www.npmjs.com/package/@nuxtjs/svg

It works super nice

larzon83 commented 5 years ago

thx, I'll check it out.

lvaroqui commented 4 years ago

Yep, just lost me 3 hours x)