Angular 13.3.1安装moment包后编译失败求助

1. 检查并锁定Angular相关依赖版本 #

安装moment时可能触发了Angular核心包、CDK等依赖的意外升级，导致版本不匹配：

• 打开package.json，确认所有@angular/开头的依赖（如core、cdk、material等）版本均为13.3.1或同13.x系列。若存在高于13版本的依赖，手动修改为13.3.1，示例：

  "@angular/cdk": "13.3.1",
  "@angular/core": "13.3.1",
  "@angular/material": "13.3.1"
  

• 同时确认typescript版本为~4.6.4（Angular 13对应的兼容TypeScript版本范围）。

2. 彻底清理缓存并重装依赖 #

执行以下命令清理残留缓存和依赖，避免旧版本干扰：
Windows环境命令：

npm cache clean --force
rd /s /q node_modules package-lock.json
npm install

3. 安装与Angular 13兼容的moment版本 #

卸载现有moment后，安装指定兼容版本（如2.29.4）：

npm uninstall moment
npm install moment@2.29.4 --save

4. 调整TypeScript编译配置 #

打开tsconfig.json，将compilerOptions中的skipLibCheck设为true，跳过第三方库的类型检查，规避依赖类型定义冲突：

"compilerOptions": {
  // 其他配置项...
  "skipLibCheck": true
}

5. 修正CDK Dialog的导入路径 #

Angular 13中CDK的Dialog功能属于实验性模块，需从@angular/cdk-experimental/dialog导入，而非Angular 14+才有的@angular/cdk/dialog。检查代码中的导入语句并修正：

import { Dialog } from '@angular/cdk-experimental/dialog';

内容的提问来源于stack exchange，提问作者Sunny Williams