vue插件之vue-quill-editor、quill-image-resize-module、quill-image-drop-module 引用报错

一、前言

业务需求，使用quill编辑器时候，插入图片需要实现可拖拽调整图片大小，复制粘贴拖拽插入图片

quill辅助插件：

quill-image-resize-module：允许调整图像大小。

quill-image-drop-module：允许粘贴图像并将其拖放到编辑器中。

查找网上demo使用方法，但是出现各种报错，诸如：

1.TypeErroar: Cannot read property 'imports' of undefined

2.quill Cannot import ImageResize. Are you sure it was registered?

3.quill Cannot import modules/ImageDrop. Are you sure it was registered?

二、项目环境

Webpack + Vue-Cli 3.0

三、quill安装

1.quill安装

npm install quill --save

2.quill相关配置-main.js

import VueQuillEditor from 'vue-quill-editor'
// 引入相关css
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill