错误描述
nuxt项目在本地运行控制台会输出如下提示,但是不影响正常使用
warning: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.
发布到正式环境后就会出现以下错误,导致页面无法正常展示
DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method
解决过程
试过其他博主说的把出错的标签节点用<client-only></client-only>
或者<div></div>
包裹起来,但是都没有解决。
后面定位到我页面中导致报错的是这行代码:
<p class</