Hydration Error

Hello Nuxt Gang.

I have run into some trouble. I have a project I am trying to work on and I have been experiencing hydration errors recently. This is the error I am getting:

500
null is not an object (evaluating 'currentRenderingInstance.ce')
_sfc_render@https://domain.com.test:3000/_nuxt/layouts/auth.js:23:16
renderComponentRoot@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6521:20
hydrateSubTree@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5309:51
componentUpdateFn@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5334:27
run@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:198:21
setupRenderEffect@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5478:11
mountComponent@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5253:24
........

500
null is not an object (evaluating 'currentRenderingInstance.ce')
_sfc_render@https://domain.com.test:3000/_nuxt/layouts/auth.js:23:16
renderComponentRoot@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6521:20
hydrateSubTree@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5309:51
componentUpdateFn@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5334:27
run@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:198:21
setupRenderEffect@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5478:11
mountComponent@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5253:24
........

I cant seem to understand whats going on. For what I understand, it is an error in my auth js layout? But whats wrong here?

<template>
    <main class="dark auth__layout">
        <slot />
    </main>
</template>

<template>
    <main class="dark auth__layout">
        <slot />
    </main>
</template>

Hydration Error

Hello Nuxt Gang.

I have run into some trouble. I have a project I am trying to work on and I have been experiencing hydration errors recently. This is the error I am getting:

500
null is not an object (evaluating 'currentRenderingInstance.ce')
_sfc_render@https://domain.com.test:3000/_nuxt/layouts/auth.js:23:16
renderComponentRoot@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6521:20
hydrateSubTree@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5309:51
componentUpdateFn@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5334:27
run@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:198:21
setupRenderEffect@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5478:11
mountComponent@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5253:24
........

500
null is not an object (evaluating 'currentRenderingInstance.ce')
_sfc_render@https://domain.com.test:3000/_nuxt/layouts/auth.js:23:16
renderComponentRoot@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6521:20
hydrateSubTree@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5309:51
componentUpdateFn@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5334:27
run@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:198:21
setupRenderEffect@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5478:11
mountComponent@https://domain.com.test:3000/_nuxt/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5253:24
........

I cant seem to understand whats going on. For what I understand, it is an error in my auth js layout? But whats wrong here?

<template>
    <main class="dark auth__layout">
        <slot />
    </main>
</template>

<template>
    <main class="dark auth__layout">
        <slot />
    </main>
</template>

Hydration Error

Similar Threads

Hydration Error

Similar Threads

Similar Threads

Similar Threads