Angular 16.1.4中导入Quill编辑器失败求助

处理第一个错误：fast-diff模块导入问题 #

打开项目根目录的tsconfig.json，在compilerOptions里添加以下配置：

{
  "compilerOptions": {
    // 保留原有配置，新增这两行
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true
  }
}

这两项配置专门解决用export =声明的模块无法默认导入的问题，正好对应你碰到的fast-diff相关报错。

处理第二个错误：Quill中找不到Delta导出的问题 #

Quill 2.x已经把Delta从核心包拆到了quill-delta独立包，按以下步骤调整：

1. 安装quill-delta及其类型定义：

npm install quill-delta
npm install @types/quill-delta --save-dev

2. 如果你自己的代码里用到了Delta，把导入方式改成：

// 替换原来的 import { Delta } from 'quill'
import Delta from 'quill-delta';

3. 确保ngx-quill版本适配Angular 16：
   Angular 16对应的ngx-quill是18.x版本，要是之前装的版本不对，重新安装：

npm install ngx-quill@18

收尾：清理依赖缓存（可选） #

要是改完还是报错，清缓存重装依赖试试：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

内容的提问来源于stack exchange，提问作者Alberto Plaza Montes