NuxtN
Nuxt•2y ago
prevolsek

Hydration completed but contains mismatches.

Hello, I'm struggling with a hydration error in a nuxt 3 project. I have a simple demo page:
<template>
  <div>TEST</div>
</template>


I have a layout which only contains a slot:
<template>
  <div class="default-layout">
    <div>
      <slot />
    </div>
  </div>
</template>


And I have a simple app.vue in root folder:

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>
For some reason on https://storefront.artnight.com/test I'm seeing Hydration completed but contains mismatches.` in the console. I put the exact same code on another domain https://storefront.artnight.rocks/test and I don't see the hydration error there, also I don't see it in a local dev environment. I'm struggling to find a root cause of why hydration error happens on .com only and any help would be appreciated.
ArtNight: Dein Erlebnis. Dein Kunstwerk.
ArtNight ist DAS kreative Erlebnis! Erlebe unterhaltsame Workshops unter der Leitung unserer ArtNight Künstler.
Was this page helpful?