使用react-quill ^2.0.0出现DOMNodeInserted弃用警告的解决咨询
解决react-quill ^2.0.0中DOMNodeInserted废弃警告的方案
这个警告是因为react-quill v2.x依赖的Quill核心库仍在使用已被浏览器废弃的DOMNodeInserted事件导致的,目前可用以下几种方式处理:
- 等待官方修复:Quill官方已在推进相关修复,后续版本会用
MutationObserver替代废弃的DOM事件,只需关注react-quill或Quill的版本更新,升级到修复后的版本即可。 - 用patch-package临时修补:如果急需解决问题,可通过补丁工具修改Quill源码:
- 安装patch-package:
npm install patch-package --save-dev - 找到
node_modules/quill中触发警告的代码(quill.js第4237行附近的DOMNodeInserted事件监听逻辑),将其替换为MutationObserver的实现 - 执行命令
npx patch-package quill生成补丁文件,后续项目安装依赖时会自动应用该补丁
- 安装patch-package:
- 临时屏蔽警告:如果不影响功能使用,可在浏览器控制台的过滤规则中添加该警告内容,暂时屏蔽提示;开发环境也可通过自定义console拦截逻辑过滤,但不建议在生产环境使用。
内容的提问来源于stack exchange,提问作者Code Lover
相关产品推荐
相关产品推荐

