Skip to content

Nuxt: Dom Tree Mismatch Breaks SSR #29

@luisgc2116

Description

@luisgc2116

When using the official NUXT example, there is a DOM mismatch that breaks SSR with the following errors. Is there any current way to get around this?

[Vue warn]: 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 <p>, or missing <tbody>. Bailing hydration and performing full client-side render.
vue.runtime.esm.js?2b0e:6427 Mismatching childNodes vs. VNodes
Parent:  <div class=​"container" data-v-4dcc9c7e>​…​</div>​

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions