Angular13项目降级ng-circle-progress版本遇多类错误求助

一、解决ng-circle-progress与Angular 13的兼容性错误 #

错误根源 #

Angular 12+ 对组件声明的泛型参数规则做了调整，旧版本的ng-circle-progress未适配该变化，导致ɵɵComponentDeclaration泛型参数数量不匹配，同时模块导出识别失效。

处理方案 #

1. 安装适配Angular 13的指定版本
   不要降级到过旧的1.6.0版本，选择适配Angular 12+的2.x系列稳定版，执行以下命令：

   npm uninstall ng-circle-progress
   npm install ng-circle-progress@2.1.0 --save
   

   2.1.0版本已验证可适配Angular 13，能直接解决泛型参数错误和模块导出找不到的问题。

2. 校验模块导入配置
   确保在你的Angular模块（如app.module.ts）中正确导入并配置：

   import { NgCircleProgressModule } from 'ng-circle-progress';
   
   @NgModule({
     imports: [
       NgCircleProgressModule.forRoot({
         // 根据需求自定义配置项
         radius: 100,
         outerStrokeWidth: 16,
         innerStrokeWidth: 8,
         outerStrokeColor: "#78C000",
         innerStrokeColor: "#C7E596",
         animationDuration: 300
       })
     ]
   })
   export class AppModule { }
   

二、解决npm EPERM权限错误 #

错误根源 #

npm创建目录时权限不足，常见原因包括：当前用户无项目目录读写权限、杀毒软件锁定目录、npm缓存冲突。

处理方案 #

1. 以管理员身份运行终端
   关闭当前终端窗口，右键选择“以管理员身份运行”命令提示符或PowerShell，再执行卸载/安装命令。

2. 清理npm缓存
   执行命令清除缓存，避免缓存文件冲突：

   npm cache clean --force
   

3. 手动清理项目依赖文件

   • 手动删除项目根目录下的node_modules文件夹
   • 删除package-lock.json文件
   • 先执行npm install恢复基础依赖，再重新安装指定版本的ng-circle-progress

4. 检查目录权限
   右键项目目录C:\Tehranplus_Build\AngularSource，选择「属性」->「安全」，确认当前用户拥有「完全控制」权限。

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