2

错误:

TypeError: Cannot read property 'imports' of undefined
(anonymous function)
C:/Users/abc/finaltest/node_modules/quill-image-resize-module/image-resize.min.js:1

我使用以下方法安装了 quill-image-resize:

npm i --save quill-image-resize-module

由于我使用的是 react,因此没有 tsconfig 文件,因此我无法遵循互联网上可用的解决方案。

我的代码:

import ReactQuill from 'react-quill'
import Quill from 'quill';
import { ImageResize } from 'quill-image-resize-module'; 
Quill.register('modules/imageResize', ImageResize);

modules = {
        
        toolbar: {
            container:this.toolbarOptions,
            
        },
        ImageResize: {
            modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
        }        
        
}

这是我将鼠标悬停在导入语句上时得到的

Could not find a declaration file for module 'quill-image-resize-module'. 'c:/Users/abc/final blog/finaltest/node_modules/quill-image-resize-module/image-resize.min.js' implicitly has an 'any' type.

我尝试使用该require语句,但错误仍然相同。

这些是我的依赖项:

"quill-image-resize-module": "^3.0.0",
"quill-image-resize-module-react": "^3.0.0",
"react": "^17.0.2",
"react-quill": "^1.3.5",

我对 quill-image-resize-module-react 进行了同样的尝试,但我无法解决错误。我的 reactquill 编辑器在此之前工作过。我没有使用 webpack,所以我什至没有 webpack.config.js 来尝试解决问题。我没有对 node_modules/quill-image-resize-module 中的原始文件进行任何更改。

这是我第一次尝试做出反应,因此希望能得到一些帮助。我非常确定这是我眼皮底下我看不见的东西。感谢您的时间。

4

1 回答 1

0

尝试在此处安装固定版本:https ://www.npmjs.com/package/quill-image-resize-module--fix-imports-error

它会解决问题。

于 2021-10-12T18:16:58.170 回答