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

135 阅读1分钟

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

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中

 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差不多 新的代码:

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

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