Nuxt Mismatching childNodes vs. VNodes

결론

<!-- -->의 주석이 끊기고 탭에 둘러싸이지 않은 텍스트가 같은 층에 있으면 오류가 발생합니다.

<template>
    ：
    <!-- comment -->
    表示させたい何らかのテキスト
    ：
</template>

주석을 삭제하거나 레이블로 인접한 텍스트를 둘러쌉니다.

<template>
    ：
    表示させたい何らかのテキスト
    ：
</template>

or

<template>
    ：
    <!-- comment -->
    <span>表示させたい何らかのテキスト</span>
    ：
</template>

개요

이 실수로 5시간을 낭비했기 때문에 나는 글을 썼다.
처음으로 함께 표시된 오류

The client-side rendered virtual DOM tree is not matching server-rendered content

의 내용만 검색해도 모든 시도가 해결되지 않았다.
오류 위에 표시된 경고문에서 읽어들인 후
아래의 심정에서 한번 해 보면 순조롭게 해결된다.
[Nuxt.js] Mismatching childNodes vs. VNodes - Qiita
오구로 검색하시는 분들도 찾을 수 있도록.
나는 이 보도를 만들었다.

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.