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

相关推荐
漂流瓶jz19 小时前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化
samroom19 小时前
iframe实战:跨域通信与安全隔离
前端·安全
fury_12320 小时前
vue3:数组的.includes方法怎么使用
前端·javascript·vue.js
weixin_4050233720 小时前
包资源管理器NPM 使用
前端·npm·node.js
宁&沉沦20 小时前
Cursor 科技感的登录页面提示词
前端·javascript·vue.js
Dragonir20 小时前
React+Three.js 实现 Apple 2025 热成像 logo
前端·javascript·html·three.js·页面特效
peachSoda721 小时前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序
@PHARAOH21 小时前
HOW - 浏览器兼容(含 Safari)
前端·safari
undefined在掘金3904121 小时前
flutter 仿商场_首页
前端