React项目使用react-quill时报错[Parchment] Unable to create [object HTMLDivElement] blot

你遇到的react-quill: [Parchment] Unable to create [object HTMLDivElement] blot报错，核心是当前项目依赖环境下，react-quill v1.3.1对嵌套在内部的自定义编辑区DOM节点解析异常导致，可按以下步骤处理：

• 第一步：移除<ReactQuill>组件的嵌套子元素，自定义编辑区类名直接通过className属性传递给ReactQuill组件即可，修改后的render代码如下：

render() {
  return (
    <ReactQuill
      theme="snow"
      modules={this.modules}
      formats={this.formats}
      value={this.state.text}
      className="my-editing-area"
    />
  );
}

• 第二步：排查依赖冲突，运行npm ls quill命令检查是否存在多版本quill依赖，react-quill v1.3.1内置了匹配版本的quill，如果你单独安装了其他版本的quill/parchment会触发格式解析异常，卸载额外安装的quill相关依赖即可。
• 第三步：如果以上操作后仍报错，将react-quill升级到1.3.5版本，该版本修复了v1.3.1的DOM解析兼容问题，与你当前使用的React 16.6.0版本完全适配，无额外适配成本。

内容的提问来源于stack exchange，提问作者Narasimhan R