开发环境有这个错误的话:不影响使用:不管的话 

nuxt 打包后运行 DOMException: Failed to execute ‘appendChild‘ on ‘Node‘: This node(已解决)_eureka

一般在开发环境下,日志会有

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>标签,直接不让后台渲染这部分代码就解决这个问题了