震惊!开启浏览器翻译竟会导致react应用报错?

825 阅读1分钟

仅记录此次线上报错,没有干货,

意外的应用程序错误! 无法在“节点”上执行"removeChild”:要删除的节点不是该节点的子节点。NotFoundError:Failed to execute 'removeChild'on 'Node': The node to be removed is not a child of this node.

事故现场

QQ_1753933781886.png

原因分析

由于用户开启了浏览器翻译,会修改dom,导致react不认识这个dom了,会影响react内部的diff算法,最终导致应用崩溃

vite-rolldown文档为例:

翻译前: QQ_1753934210858.png 翻译后: QQ_1753934228441.png

怎么解决

相关issues