Vue.js 在vue2编辑器和webpack mix中使用quill模块

我目前正在使用vue2编辑器，导入quill模块，并根据文档进行注册。但获取错误窗口。quill未定义

我已经尝试了webpack插件组合来包含window.Quill和Quill，但错误仍然是一样的

在我的vue组件中

import { VueEditor } from "vue2-editor";
import { Quill } from "quill";
import { ImageDrop } from "quill-image-drop-module";
import { ImageResize } from "quill-image-resize-module";
Quill.register("modules/imageDrop", ImageDrop);
Quill.register("modules/imageResize", ImageResize);

在我的网页组合中

mix.extend('foo',new class{
    webpackPlugins(){
        return new webpack.ProvidePlugin({
            "window.Quill": "quill/dist/quill.js",
            Quill: "quill/dist/quill.js"
    });
    }
});  

未捕获的TypeError:无法读取未定义的属性“imports”

---

它来自window.Quill.imports

您需要从以下位置获取真实的工作文件：

只需安装npm i--保存纬管图像调整vue大小 并使用另一个文件：

从“vue2编辑器”导入{Vueditor，Quill}
从“纬管图像调整vue”导入ImageResize；
从'quill image drop module'导入{ImageDrop}；
套筒寄存器（“模块/imageDrop”，imageDrop）；
套筒寄存器（“模块/imageResize”，imageResize）；
导出默认值{
名称：'MainForm'，
组件：{Vueditor}，
数据（）{
返回{
内容：“我是榜样”，
编辑设置：{
模块：{
imageDrop：是的，
imageResize:{}，
}
}
}
},
//........
}

对于我来说，更改后得到了修复

import { ImageResize } from "quill-image-resize-module";

到

import ImageResize from "quill-image-resize-module";