N
N
nurdus2018-07-05 11:53:20
Vue.js
nurdus, 2018-07-05 11:53:20

Why does nuxt swear at data-feather with ssr?

Good afternoon.
Project on nuxt:

<nuxt-link :to="'/folders/' + folderKey">
  <span :data-feather="filter.feather"></span>{{ filter.title }}
</nuxt-link>

When ssr swears at ":data-feather" (even if it's "hard" to write data-feather="something"), but if you remove it or wrap it with <no-ssr> then everything is OK.
It swears like this: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside , or missing . Bailing hydration and performing full client-side render.

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question