Static GitHub Issues

[1594] Mismatching childNodes vs. VNodes

prev: Named Routes
next: Where can I define global App.mounted hook (on a level higher than layout component)

Guys, I'm having a problem and need some help to fix that.

I have a simple HTML structure in my component wich has ul's and li's, it's a carousel. I'm using a carousel plugin called OWL Carousel and this plugin modifies a little bit my HTML structure.

I'm calling the plugin's js file like this:

export default { head: { script: [ { src: '/js/owl2/owl.carousel.min.js' } ] } }

and I'm having this error:

"The client-side rendered virtual DOM tree is not matching server-rendered content." and a warning "Mismatching childNodes vs. VNodes:"

Print: http://prntscr.com/ghvp5s

It seems like I can't have a difference betweeen my client side html and what is written on my server side. But most plugins nowdays make modifications on the DOM so it doesn't make sense to have this error.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1423">#c1423</a>)</em></sub></div>