ngx-quill 安装问题

Question

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

错误：node_modules/ngx-quill/lib/quill-editor.component.d.ts:3:21 - 错误 TS2614：模块“quill”没有导出成员“Delta”。您的意思是使用“从“quill”导入 Delta”吗？

3 从 'quill' 导入 QuillType, { Delta };

---

错误：node_modules/quill-delta/dist/Delta.d.ts:1:8 - 错误 TS1259：模块 '"C:/ProyectoAgroSintesis/AgroCMS/node_modules/fast-diff/diff"' 只能使用默认导入“allowSyntheticDefaultImports”标志

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

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

我不知道如何解决这个问题，我按照 npm 页面中的 quill 说明安装了 quill

Answer 1

要解决 [email protected] 和 Angular 13.1.2 的此错误，您需要确保安装正确版本的 @types/quill 和 quill

1. @types/quill v1.x -> npm i types/quill@1
2. quill v1.x -> npm 我 quill@1

详细的安装说明可以找到这里

Answer 2

我在 Angular 16 中也遇到了同样的问题。 对我来说，我更新到了最新版本的 ngx-quill 和 quill 我需要安装 [昨天下午 6:37] Bikash Shah

npm 我@types/quill@1

这对我有用。

Answer 3

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

对于第一个错误，我像这样更改了 quill-editor.component.d.ts 中的导入：

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

对于第二个错误，我将标志

"allowSyntheticDefaultImports": true,

放入编译器选项的 tsconfig.json 中

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

Answer 4

我通过更新 tsconfig.ts 文件以跳过库检查解决了此问题：

{
// ..
"compilerOptions": {
        // ..
        "useDefineForClassFields": false,
        "skipLibCheck": true,
        // ..
    }
 }