使用vue-quill-editor富文本编辑器，quill-image-resize-module报错quill Cannot import modules/imageResize. Are you

最新推荐文章于 2025-05-10 09:47:46 发布

指尖花凉、已成殇344

最新推荐文章于 2025-05-10 09:47:46 发布

阅读量1k

点赞数 9

CC 4.0 BY-SA版权

分类专栏：富文本踩坑文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_65397137/article/details/142846732

富文本踩坑专栏收录该内容

1 篇文章

订阅专栏

废话少说，最近在使用 vue-quill-editor 富文本编辑器的时候（vue2 版本），调整图片尺寸模块一直报错，报错如下

在网上找了很多解决方案，什么在main.js文件中引入，将 ImageResize改成小写引入

import ImageResize from 'quill-image-resize-module'

Quill.register('modules/imageResize', ImageResize)

改成

import imageResize from 'quill-image-resize-module'

Quill.register('modules/imageResize', imageResize)

各种方法都试过了。网上绝大多数的文档，引入Quill是直接引入的 import Quill from 'quill'，我的项目的报错原因就是直接引入，换成import { quillEditor, Quill } from 'vue-quill-editor'引入方式，报错就没了，可以正常使用编辑器并能修改图片尺寸