babel-plugin-jsx icon indicating copy to clipboard operation
babel-plugin-jsx copied to clipboard

Published 20 hours ago • verified publisher icon vuejs

【ssr】Hydration completed but contains mismatches

Open yanstars opened this issue 3 years ago • 6 comments

Version

3.2.31

Reproduction link

stackblitz.com

Steps to reproduce

npm run dev

What is expected?

no errors

What is actually happening?

runtime-core.esm-bundler.js:4043 Hydration completed but contains mismatches.

【nuxt3】 https://github.com/nuxt/nuxt.js/issues/12998

image

yanstars avatar Mar 10 '22 07:03 yanstars

Transferred to vuejs/babel-plugin-jsx because this is a JSX transform issue.

yyx990803 avatar May 17 '22 07:05 yyx990803

any update?

cdwmhcc avatar Dec 09 '22 05:12 cdwmhcc

Same here but only when use a reverse proxy

mcataciertocom avatar Mar 23 '23 13:03 mcataciertocom

I'm also getting this using a Vue component in an Astro project. If I change the Astro hydration from "client:idle" to "client:only" then the error goes away. Not sure if I'm doing something wrong, of if it's an issue with Vue or Astro...

Browser Console: Error "Hydration completed but contains mismatches."

ZermattChris avatar Jul 19 '23 15:07 ZermattChris

any news on this ?

TiBianMod avatar Nov 14 '23 15:11 TiBianMod

Still happening, tried with Nuxt (3.11.1).

ElYaiko avatar Mar 28 '24 21:03 ElYaiko