nuxt项目中vue报错The client-side rendered virtual ... [Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。Bailing水化和执行完整的客户端渲染。

报错:

nuxt项目中vue报错The client-side rendered virtual ...
[Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。Bailing水化和执行完整的客户端渲染。

翻译过来是:

解决方案

nuxt项目中vue报错The client-side rendered virtual ...
[Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。Bailing水化和执行完整的客户端渲染。

把上面注释的div删掉就正常了

nuxt项目中vue报错The client-side rendered virtual ...
[Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。Bailing水化和执行完整的客户端渲染。

我也不清楚,在pages下的vue页面中为什么不能有注释,在这里先记下了。