【quill插件】Vue3项目引入quill-image-resize-module图片尺寸插件，报错Cannot read property ‘imports‘ of undefined

最新推荐文章于 2025-06-06 16:16:07 发布

Mr.小朱同学

最新推荐文章于 2025-06-06 16:16:07 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：【Web前端笔记】文章标签： vue.js javascript quill-image- quill富文本编辑器 quill调整图片尺寸

本文链接：https://blog.youkuaiyun.com/qq_39826207/article/details/131948233

【Web前端笔记】专栏收录该内容

43 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

在使用Vite + Vue3搭建的前端项目中，引入quill富文本编辑器并添加quill-image-resize-module图片尺寸插件时遇到报错：Cannot read property 'imports' of undefined。尝试了修改大小写、更改引入路径和添加vue.config.js配置等方法均未解决问题。最终在npmjs.com找到解决方案，即使用修复版插件quill-image-resize-module--fix-imports-error，通过正确引入和配置解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.1、问题描述

今天，我在创建一个Vite + Vue3的前端项目的时候，引入了quill富文本编辑器，然后又引入quill-image-resize-module调整图片尺寸的插件，执行yarn add quill-image-resize-module安装依赖之后，接着进行ImageResize相关的配置，启动项目，访问quill编辑器页面，此时控制台居然报错了，报错如下所示：

报错代码如下：

main.js:10 TypeError: Cannot read properties of undefined (reading 'imports')
    at Object.<anonymous> (image-resize.min.js:1:11075)
    at e (image-resize.min.js:1:326)
    at Object.<anonymous> (image-resize.min.js:1:13150)
    at e (image-resize.min.js:1:326)
    at image-resize.min.js:1:709
    at image-resize.min.js:1:718
    at image-resiz