[Vue warn]: Hydration node mismatch: - Client vnode: Symbol(Comment)
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?
System Info
-
Any additional comments?
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
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>