富文本编译器vue-quill-editor插件报错

报错详情

vue-quill-editor插件报错内容，如下图所示：

报错原因

该插件已被弃用！
DOMNodeInserted是旧版DOM Mutation事件，因其同步触发机制会导致性能问题，已被Chrome等浏览器弃用，推荐改用MutationObserver API‌。

解决方法

修改node_modules文件里的quill文件。

找到node_modules/quill/dist/quill.js，找到第4237行，进行代码替换。

原代码：

_this.domNode.addEventListener('DOMNodeInserted', function () {});

新代码：

new MutationObserver(() => {}).observe(_this.domNode, { childList: true });

替换后即可正常运行。如若考虑后期维护问题，建议重新找富文本编译器插件。