vue3 vite quill-image-resize-module打包报错 Cannot set properties of undefined

可爱生存报告2025-08-25 13:54

本地运行没问题，打包后报错Cannot set properties of undefined (setting 'lmageResize') 原本的代码：

js 复制代码

import { QuillEditor, Quill } from "@vueup/vue-quill";
import { addQuillTitle } from "./quill-title.js";
import "quill-image-resize-module/image-resize.min.js";
import "quill-image-drop-module/image-drop.min.js";
import "@vueup/vue-quill/dist/vue-quill.snow.css";

然后vite.config.ts中

js 复制代码

 optimizeDeps: {
        include: ["quill-image-resize-module","quill-image-drop-module"], 
        exclude,
      },
    plugins: [
        createVitePlugin(env),
        inject({
          "window.Quill": ["@vueup/vue-quill", "Quill"],
          Quill: ["@vueup/vue-quill", "Quill"],
        }),
      ],

还是报错Cannot set properties of undefined (setting 'lmageResize')，在网上找了很久解决办法，后来还是靠chatgpt。。。换个插件。。。换成quill-resize-module，使用办法和quill-image-resize-module差不多新的代码：

js 复制代码

import { QuillEditor, Quill } from "@vueup/vue-quill";
import { addQuillTitle } from "./quill-title.js";
import "@vueup/vue-quill/dist/vue-quill.snow.css";

import QuillResize from "quill-resize-module";
import { ImageDrop } from "quill-image-drop-module";

Quill.register("modules/resize", QuillResize);
Quill.register("modules/imageDrop", ImageDrop);

然后改下vite.config.ts

js 复制代码

     optimizeDeps: {
        include: ["quill-resize-module","quill-image-drop-module"]
        exclude,
      }