开发环境有这个错误的话:不影响使用:不管的话
一般在开发环境下,日志会有
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.
但是不影响使用,而且一般都是在刷新当前页面的时候才会报这个警告。但是一旦build发布到线上就会发生
DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method
的问题。
我的解决方案是,直接在疑似产生The client-side rendered virtual DOM tree is not matching server-rendered content
问题的代码上包裹一层<client-only>
标签,直接不让后台渲染这部分代码就解决这个问题了