N
Nuxt•11mo ago
Cesxhin

[RESOLVED] Vue Warning Hydration

Why show this warning? what am I doing wrong? why do the client and server have two different results? I'm using components from models which is only used internally. My settings of the module is: 
import {defineNuxtModule, createResolver, addComponentsDir} from "@nuxt/kit";
import type { Nuxt } from '@nuxt/schema'

export default defineNuxtModule({
    meta: {
        name: "form",
        configKey: "form",
        compatibility: {
            nuxt: "^3.0.0",
            bridge: false
        }
    },
    setup(resolvedOptions, nuxt: Nuxt) {
        const { resolve } = createResolver(import.meta.url);

        //add components
        addComponentsDir({
            path: resolve('./components'),
            pathPrefix: false,
            global: true
        });
    },
});
import {defineNuxtModule, createResolver, addComponentsDir} from "@nuxt/kit";
import type { Nuxt } from '@nuxt/schema'

export default defineNuxtModule({
    meta: {
        name: "form",
        configKey: "form",
        compatibility: {
            nuxt: "^3.0.0",
            bridge: false
        }
    },
    setup(resolvedOptions, nuxt: Nuxt) {
        const { resolve } = createResolver(import.meta.url);

        //add components
        addComponentsDir({
            path: resolve('./components'),
            pathPrefix: false,
            global: true
        });
    },
});
No description
4 Replies
manniL
manniL•11mo ago
I doubt this is related Seems more like the UI library has hydration errors
Cesxhin
CesxhinOP•11mo ago
What does hydration mean? I would like to understand this term well are you saying that it is most likely not a nuxt problem but a vuetify problem?
Cue
Cue•11mo ago
The docs has a good explanation https://vuejs.org/guide/scaling-up/ssr.html
Vue.js
Vue.js - The Progressive JavaScript Framework
Cesxhin
CesxhinOP•11mo ago
thank you so much. I solved it! The problem was this: 
 Use a random number generator library that supports generating with seeds, and guarantee the server run and the client run are using the same seed 
 Use a random number generator library that supports generating with seeds, and guarantee the server run and the client run are using the same seed

Did you find this page helpful?