Vue3 - 解决报错 Uncaught (in promise) DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘: The node

前言

关于此问题网上的教程都无法解决，如果您的报错信息与我相似，即可解决。

在 vue3 开发中，详解报错：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.，很恶心的错误不好排查，大概率会导致页面白屏或报错影响部分功能，各种办法都试了还是不行，本文提供多种强力解决方案保证搞定。

---

如下图所示，只要报错差不多就能 100% 完美解决。

详细示例解决方法，保证搞定。

解决方案

按照下方错误分析说明及示例代码，轻松搞定此问题。