Nuxt error : Unknown custom element

Question

I am using nuxt js. I am trying to install a vue package vue-zoom. Actually few more plugins.

{ src: '~/plugins/zoom', ssr: false },

Here I kept ssr false because it gives errors like document is not defined...

In my plugins/zoom.js file I have this

import Vue from 'vue';
import vZoom from 'vue-zoom'
Vue.use(vZoom);

Now when I am trying to use this plugin like this

<v-zoom :img="`/uploads/${displayImg}`" ></v-zoom>

It gives me the above error. Any reason or thought how can I use this plugin or similar in nuxt js?

I tried few more all gives similar errors.

Thank you

Metaphalo · Accepted Answer · 2018-06-04 21:25:57Z

1

I got the same error when having the buildDir set to my functions/.nuxt folder, which I was using for SSR via Firebase Functions. I was able to solve the issue by making sure neither nuxt nor vue was installed in the node_modules inside the functions folder.

Are you using a similar setup by chance?

answered Jun 4, 2018 at 21:25

Metaphalo

795 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Nuxt error : Unknown custom element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related