Subscribe on changes!

[Vue warn]: Hydration node mismatch: - Client vnode: Symbol(Comment)

avatar
Dec 1st 2022

Vue version

3.2x

Link to minimal reproduction

https://github.com/lixiaofa/nuxt-app.git

Steps to reproduce

pnpm dev

This is the problem on the home page

What is expected?

no vue warn

What is actually happening?

image

System Info

-

Any additional comments?

avatar
Dec 2nd 2022

your reproduction is not minimal. Could you provide a demo without any third-party component?

avatar
Dec 5th 2022

your reproduction is not minimal. Could you provide a demo without any third-party component?

OK. If the third-party component is removed, another error will be reported.

This is the problem on the home page https://github.com/lixiaofa/nuxt-app.git

It should be the same type of error

@edison1105 @LinusBorg

avatar
Jan 16th 2023

Not sure if my issue is related, but I get the same error if I use my PageMeta component with an empty template tag:

<template></template>
<script lang="ts" setup>
  useHead({ ... })
</script>

Solved by adding any comment inside the template <template><!-- No content --></template>

avatar
Mar 15th 2023

Closing as a reproduction still hasn't been provided