升级至Angular 11时Quill.import触发缺失依赖错误的技术求助

我之前升级Angular到11版本时也碰到过完全一样的问题，折腾了好一阵才捋清楚原因，给你几个经过验证的解决方案试试：

1. 把动态导入替换为静态直接导入 #

Angular 11的Ivy编译器对模块依赖的解析变得更严格，Quill.import()这种运行时动态导入的方式，编译器没办法提前识别到依赖，所以会判定为缺失。你可以改成直接导入对应的Quill子模块：

原来的代码：

import Quill from "quill";
const BlockEmbed = Quill.import( "blots/block/embed" ) as typeof Parchment.default.Embed;

修改为：

import Quill from 'quill';
import BlockEmbed from 'quill/blots/block/embed';
// 用到其他缺失的依赖时也同步改成静态导入
import Clipboard from 'quill/modules/clipboard';
import Delta from 'quill-delta';
import Link from 'quill/formats/link';

2. 确保依赖包安装与TypeScript配置正确 #

• 先确认quill和相关依赖已经正确安装：

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

• 检查tsconfig.json里的配置，确保能正确处理Quill这类CommonJS格式的模块：

  {
    "compilerOptions": {
      "allowSyntheticDefaultImports": true,
      "esModuleInterop": true,
      "moduleResolution": "node"
    }
  }
  

3. 检查自定义库的依赖声明 #

如果错误提示的缺失依赖来自你的自定义库@project/project-pattern-lib，需要：

• 确保库的package.json里正确声明了Quill相关依赖：

  {
    // 若库直接依赖Quill
    "dependencies": {
      "quill": "^1.3.7",
      "quill-delta": "^4.2.0"
    },
    // 若作为共享依赖推荐用peerDependencies
    "peerDependencies": {
      "quill": "^1.3.0"
    }
  }
  

• 重新构建并发布这个自定义库，确保构建产物包含正确的模块导入信息。

4. 通过详细日志定位深层问题 #

错误提示里提到的临时日志文件C:\Users\Name\AppData\Local\Temp\ng-nIGMuY\angular-errors.log，打开它能看到更细致的依赖追踪信息，帮你确认是不是某个子模块的导入路径有误，或者库的构建产物存在其他问题。

内容的提问来源于stack exchange，提问作者Matt M