ngx-quill 安装的问题

Question

我在编译我的项目时遇到这个错误

错误：node_modules/ngx-quill/lib/quill-editor.component.d.ts:3:21 - 错误 TS2614：模块“quill”没有导出成员 'Delta'。您是想改用 'import Delta from "quill"' 吗？

3 从 'quill' 导入 QuillType，{ Delta}；

错误：node_modules/quill-delta/dist/Delta.d.ts:1:8 - 错误 TS1259：模块“C:/ProyectoAgroSintesis/AgroCMS/node_modules/fast-diff/diff”'只能使用 [=29= 默认导入]旗帜

1 从 'fast-diff' 导入差异； ~~~~

node_modules/fast-diff/diff.d.ts:20:1 20 出口=差异； ~~~~~~~~~~~~~~ 此模块使用 'export =' 声明，并且只能在使用 'allowSyntheticDefaultImports' 标志时与默认导入一起使用。

我不知道如何解决这个问题，我按照 npm page

中的 quill 说明安装了 quill

Answer 1

我不知道为什么会出现这些错误，但我解决了它们

对于第一个错误，我更改了 quill-editor.component.d.ts 中的导入，如下所示：

import QuillType from 'quill';
import Delta from 'quill';

对于第二个错误，我在 compilerOptions

的 tsconfig.json 中放置了标志 "allowSyntheticDefaultImports": true,

我还更改了 ngx-quill 的版本，我有 16.1.2，我降级到 15.0.0

Answer 2

要解决 ngx-quill@16.2.1 和 angular 13.1.2 的此错误，您需要确保安装正确版本的@ types/quill 和羽毛笔

可以找到详细的安装说明here

Problems with ngx-quill installation