开发 Nuxt 项目出现的问题

一 .  改变页面DOM 结构出现的报错

报错如下：

Uncaught (in promise) DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

因为改变了页面的DOM结构，可能会遇见这样的告警信息，并且页面会被卡主，需要刷新才可以解决；但是，在实际项目中，这样的情况肯定是不允许出现的。

问题分析：

1. 可能是 v-if 和 v-show ；

尝试将 v-if 改成 v-show 看看是否能解决问题。

2.  使用了 <ClientOnly> </ClientOnly> 客户端渲染标签；

去掉页面使用的  <ClientOnly> 标签。