Hydration Error

The HTML rendered on the server does not match what Vue produced on the client during hydration. Common causes include accessing browser-only globals (window, document) outside of onMounted, using Date.now() or Math.random() without a seed, or conditional rendering based on cookies that differ between server and client.

References

nuxt.com/docs/guide/concepts/rendering
vuejs.org/guide/scaling-up/ssr

In this namespace

← previous NUXT_ERROR_UNHANDLED Unhandled Error next → NUXT_ISLAND_ERROR Island Error

NUXT_APP_MANIFEST_ERROR NUXT_CHUNK_LOAD_FAILED NUXT_ERROR_UNHANDLED NUXT_HYDRATION_ERROR NUXT_ISLAND_ERROR NUXT_MODULE_SETUP_FAILED NUXT_PAYLOAD_EXTRACTION_FAILED NUXT_PLUGIN_ERROR NUXT_PRERENDER_NO_ROUTES_DETECTED