Quill.register 未被识别为函数

Question

我有一个使用 ngx-quill 的 Angular 项目，我想向其中添加第三方模块 quill-blot-formatter。

我已经将 @types/quill 安装为开发依赖项以消除 TS linter 错误，并配置 tsconfig.json 以包含 "esModuleInterop": true 和 "allowSyntheticDefaultImports": true.

我还添加了 quill.js 到 angular.json 如下：

"scripts": [
   "./node_modules/quill/dist/quill.min.js"
]

我正在尝试在 app.module.ts 中注册模块，但在浏览器控制台上出现以下错误。

quill.js:1122 Uncaught TypeError: Cannot read property 'register' of undefined

这是我的模块注册码：

import Quill from 'quill';
import { BlotFormatter } from 'quill-blot-formatter';

Quill.register('modules/blotFormatter', BlotFormatter);

我尝试过以各种方式导入 Quill（* as Quill、* as QuillNamespace），但没有任何效果。

如有任何帮助，我们将不胜感激。

Answer 1

我通过更改解决了这个问题：

import { BlotFormatter } from 'quill-blot-formatter';

对此：

import BlotFormatter from 'quill-blot-formatter';

显然我没有正确阅读文档:)

Answer 2

尝试像这样导入 Quill：

const Quill = require('quill')

Answer 3

来自文档Github

// from the index, which exports a lot of useful modules
import BlotFormatter from 'quill-blot-formatter';

// or, from each individual module
import BlotFormatter from 'quill-blot-formatter/dist/BlotFormatter';

个别模块导入帮我解决了问题
Issue: (Uncaught TypeError: Cannot read property 'register' of undefined).

Quill.register is not recognized as a function