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

相关推荐
快手技术10 分钟前
兼顾效率和性能!快手低代码平台在大型活动中的技术实践!
前端
WebInfra1 小时前
📱开源 AI 工具驱动 iOS 自动化 、接入全新 Qwen 模型 - Midscene v0.29 发布
前端·ios·测试
乖女子@@@1 小时前
React-props的children属性
前端·javascript·react.js
OEC小胖胖1 小时前
组件化思维(下):表单与交互组件,倾听用户的心声
前端·微信小程序·小程序·微信开放平台
八月十八1 小时前
React常用Hooks及使用示例大全
前端·javascript·react.js
狼爷1 小时前
前端项目从 Windows 到 Linux:构建失败的陷阱
前端·node.js·angular.js
1024小神1 小时前
vitepress多语言实现第一次跟随浏览器,第二次不跟随
前端
叫我詹躲躲1 小时前
🚀 震撼!10道DFS&BFS神级题目让你的算法能力飙升300%
前端·leetcode
ssshooter1 小时前
WebGL 切换 Shader 的策略
前端·webgl
WDyinh1 小时前
积分球领取补位动画实现
前端·javascript