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

相关推荐
朦胧之11 小时前
AI 编程工具使用浅谈
前端·后端
柳杉11 小时前
HTML-in-Canvas:让 Canvas 完美渲染 HTML 的 Web 新标准
前端·javascript
cTz6FE7gA12 小时前
WebGL实战:用Three.js创建3D场景,实现沉浸式Web体验
前端·javascript·webgl
We་ct12 小时前
LeetCode 69. x 的平方根:两种解法详解
前端·javascript·算法·leetcode·typescript·平方
qq. 280403398412 小时前
数据结构引论
前端·数据结构
daad77712 小时前
WSL2_wifi驱动安装
开发语言·前端·javascript
ZC跨境爬虫12 小时前
Scrapy实战爬取5sing网站:Pipeline优化+全流程踩坑复盘,从报错到数据落地
前端·爬虫·python·scrapy
牛马11113 小时前
Flutter BoxDecoration
前端·javascript·flutter
M ? A13 小时前
VuReact 编译器核心重构:统一管理组件元数据收集
前端·javascript·vue.js·react.js·重构·开源
山海AI手册13 小时前
030、AI应用前端展示:Streamlit快速构建交互式Web应用
前端·人工智能