震惊!开启浏览器翻译竟会导致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

相关推荐
海石1 天前
微信小程序开发02:原始人也能看懂的着色器与视频处理
前端·微信小程序·视频编码
程序员Sunday1 天前
Claude Code 生态爆发:5个必知的新工具
前端·人工智能·后端
ChoSeitaku1 天前
NO.2|proto3语法|消息类型|通讯录|文件读取|enum类型
java·服务器·前端
小J听不清1 天前
CSS 边框(border)全解析:样式 / 宽度 / 颜色 / 方向取值
前端·javascript·css·html·css3
用户255778850811 天前
axios全局重复请求取消
前端
前端付豪1 天前
实现一个用户可以有多个会话
前端·后端·llm
林古1 天前
我在 WSL 里控制 Windows Chrome 的一次实战复盘(OpenClaw)
前端
想不到一个好的ID1 天前
Claude Code 初学者必看指南
前端·后端
一枚菜鸟_1 天前
04-Flutter状态管理终极指南-Riverpod3.x从入门到精通
前端
一枚菜鸟_1 天前
06-Flutter动画从零到炫酷-让你的App动起来
前端