vue中的报错 The node before which the new node is to be inserted is not a child of this node.

清疚 2021-09-02 06:14 496阅读 0赞

The node before which the new node is to be inserted is not a child of this node.

今天上线打完包在线上跑，点击element的下拉筛选框突然卡死，控制台报上面的错误

vendors~app.f874c403.js:58 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.

经资料查询发现，导致上述异常是因为在html中使用了v-if来控制局部显隐导致的。

解释：

页面用了v-if去控制dom元素，之后js操作了v-if控制的dom元素而导致的报错，可以用v-show,只是display:none元素，就不会抛出异常

发表评论取消回复

表情：

评论列表（有 0 条评论，496人围观）

还没有评论，来说两句吧...

相关阅读

相关 Aspose.Words System.ArgumentException:The reference node is not a child of this node.错误解决

问题描述： Document doc=new Document("test.doc"); int tableIndex=0;//表格索引 //得到

男娘i/ 2023年10月05日 08:59/ 0 赞/ 75 阅读

相关 The method flatten(Node, IntFunction) in the type Nodes is not applicable for the arguments

场景： 1、springcloud eureka server 2、jdk8 启动项目时报错：The method flatten(Node<T>, IntFunctio

r囧r小猫/ 2023年08月17日 15:23/ 0 赞/ 253 阅读

相关 [ERR] Node xxxxx is not empty. Either the node already knows other nodes (check with CLUSTER NODES)

问题示例：执行创建redis集群命令时，我这里ip都是172.17.0.1是因为我这里的redis节点都是docker容器，每个容器都已经映射到了主机17

我不是女神ヾ/ 2023年07月17日 06:37/ 0 赞/ 120 阅读

相关 calico报错： Calico node 'node1' is already using the IPv4 address

使用k8s的过程中，发现一台曾经安装过harbor（后来清理掉了）的服务器的calico组件一直报错： 2020-03-19 07:11:07.934 [INFO][

梦里梦外;/ 2023年07月17日 04:41/ 0 赞/ 109 阅读

相关解决[ERR] Node xxx is not empty. Either the node already knows other nodes (check with CLUSTER NODES)

解决： \[ERR\] Node xxx is not empty. Either the node already knows other nodes (check wi

我不是女神ヾ/ 2023年01月16日 06:18/ 0 赞/ 206 阅读

相关 The engine “node“ is incompatible with this module

在使用yarn install安装的时候，提示 The engine “node” is incompatible with this module 解决办法：运行命令

朴灿烈づ我的快乐病毒、/ 2022年09月03日 07:20/ 0 赞/ 38 阅读

相关项目报错:The method getTextContent() is undefined for the type Node

一、问题描述在项目中使用了XML解析,如果加入了其他了xfire 等其他xml解析包的话,使用org.w3c.dom.Node下的getTextContent()

古城微笑少年丶/ 2022年06月14日 03:53/ 0 赞/ 328 阅读

相关 rediscluster报错：Node is not empty

[参考：https://blog.csdn.net/wudalang\_gd/article/details/52153571][https_blog.csdn.net_wu

╰半橙微兮°/ 2022年05月11日 02:58/ 0 赞/ 424 阅读

相关 vue报错解决-"NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before

问题描述：在使用vue的时候，我们因为改变了页面的DOM结构，可能会遇见这样的告警信息，并且页面会被卡主，需要刷新才可以解决；但是，在实际项目中，这样

我会带着你远行/ 2021年09月18日 11:48/ 0 赞/ 644 阅读

相关 vue中的报错 The node before which the new node is to be inserted is not a child of this node.

[The node before which the new node is to be inserted is not a child of this node.][]

清疚/ 2021年09月02日 06:14/ 0 赞/ 497 阅读