46 Replies
Hydration error, how to fix it ?
and what is causing this?
you seem to have a hole bunch of hydration errors all over the place, not just in that file
probably unrelated but you want to use NuxtLink instead of router link in nuxt apps
Oh ok
I am converting my site from view 3 to nuxt 3
Yes whats cause this ?
hard to tell without the full code
in general its caused by invalid html or a state mismatch between client and server
if that's the question
My TheNavBar
most of the error come from here
are you logged in on your local website?
yes
try logging out and see if the issue goes away
https://dev.flavibot.xyz/
maybe it don't like the https lol
I see you are using cloudflare as a proxy
yes
Nuxt
Deployment · Get Started with Nuxt
Deploy on a Node.js server, pre-render for static hosting and to serverless or edge environments.
bbut on the direct ip
make sure you read through that checklist
i don't have the erros
then it's probably that checklist
my guess would be on auto minify
but i don't use cloudflare worker
it's just proxied to my server
yes
see my screenshot
it specifcally covers the cf cdn proxy and which settings to avoid
oh i miss read
It fixed the issue
thanku !
Nice!
Youre welcome😊
:)
ah
Hello @warflash ?
?
for this
it come from this code
wtf
https://stackblitz.com/github/nuxt/starter/tree/v3/?file=README.md
try creating a repro here
On my side, I don't have the error
U can't access localstorage on server side
But it works on my side
but not on this editor
I doubt that
The environment is the same
So you likely have a difference somewhere else
I copied and pasted my DropDown file
It's weird
On my app.vue i have this
idk
without seeing things I cant really help unfortunately