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

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

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

事故现场

原因分析

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

vite-rolldown文档为例:

翻译前: 翻译后:

怎么解决

相关issues

相关推荐
Hi_kenyon15 小时前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
起名时在学Aiifox15 小时前
Vue 3 响应式缓存策略:从页面状态追踪到智能数据管理
前端·vue.js·缓存
李剑一16 小时前
uni-app实现本地MQTT连接
前端·trae
EndingCoder16 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
oden16 小时前
代码高亮、数学公式、流程图... Astro 博客进阶全指南
前端
GIS之路16 小时前
GDAL 实现空间分析
前端
JosieBook16 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
pusheng202516 小时前
算力时代的隐形防线:数据中心氢气安全挑战与技术突破
前端·安全
起名时在学Aiifox17 小时前
前端文件下载功能深度解析:从基础实现到企业级方案
前端·vue.js·typescript