DOM树问题 htmlnuxt.js

在项目遇到客户端DOM和服务端内容不一致的问题，在本地运行时，不会由任何影响，当项目部署上线之后，产生的问题就很严重了，对导致项目页面打不开。
问题重现：
HTML代码：

会出现如下错误：

[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 , or missing . Bailing hydration and performing full client-side render

意思是：客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。
原因：
没有使用正确的标签语法。导致客户端和服务端渲染出来的结果不一致
解决办法：
1，使用正确的标签语法