원인
- 클라이언트와 서버가 동기화가 되지 않았을 경우 발생하는 에러
해결
- <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
'Vue > 문제 해결' 카테고리의 다른 글
| [Vue] 화면 정중앙에 요소를 추가하는 방법 (0) | 2024.09.06 |
|---|---|
| [Vue/Vuetify] v-chip-group 선택할 수 있는 최대 개수 설정 방법 (0) | 2024.09.06 |
| [Vue/CSS] div 자동 줄바꿈 (0) | 2024.09.06 |
| [Vue] 변경된 값이 페이지에서 동일하게 표시되지 않는 현상 (1) | 2024.09.06 |
| [Vue/Vuetify] v-bottom-navigation, 아이템 사이의 간격 제거 (0) | 2024.09.06 |