Vue/문제 해결
[Vue] Hydration Mismatch
sorry0101
2024. 9. 6. 15:52
원인
- 클라이언트와 서버가 동기화가 되지 않았을 경우 발생하는 에러
해결
- <client-only> 를 통해 간단히 해결 가능
<client-only>
<h2>{{ user?.name }}</h2>
</client-only>
참고
https://github.com/nuxt/nuxt/issues/12266
[Vue warn]: Hydration node mismatch: · Issue #12266 · nuxt/nuxt
Environment Operating System: Linux Node Version: v14.18.1 Nuxt Version: 3.0.0-27243104.5e903ae Package Manager: Yarn Bundler: Vite User Config: meta, buildModules Runtime Modules: - Build Modules:...
github.com