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>

<template>
  <div>TEST</div>
</template>

I have a layout which only contains a slot:

<template>
  <div class="default-layout">
    <div>
      <slot />
    </div>
  </div>
</template>

<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>

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>



For some reason on https://storefront.artnight.com/test I'm seeing



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.

Nuxt•2y ago•

3 replies

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>

<template>
  <div>TEST</div>
</template>

I have a layout which only contains a slot:

<template>
  <div class="default-layout">
    <div>
      <slot />
    </div>
  </div>
</template>

<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>

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>



For some reason on https://storefront.artnight.com/test I'm seeing



For some reason on https://storefront.artnight.com/test I'm seeing

ArtNight: Dein Erlebnis. Dein Kunstwerk.

ArtNight ist DAS kreative Erlebnis! Erlebe unterhaltsame Workshops unter der Leitung unserer ArtNight Künstler.

Hydration completed but contains mismatches.

Similar Threads

Hydration completed but contains mismatches.

Similar Threads

Similar Threads

Similar Threads