Angular 8升级至9.1.13时遇模块解析错误求助

你遇到的模块解析错误，根源是代码中出现了类静态代码块（static {}）——这是ES2022语法，同时也是Angular 12+才会生成的ɵfac/ɵprov工厂函数声明方式。你的Angular 9配套的Webpack和TypeScript 3.6.4无法处理这种语法，核心原因是依赖包版本与Angular 9不兼容。

从你的依赖清单来看，**ng2-charts@6.0.0**是直接诱因：这个版本的ng2-charts要求Angular 12及以上版本，和你当前的Angular 9完全不匹配。

1. 降级ng2-charts到兼容版本
   ng2-charts的v2.x系列支持Angular 8-9，执行以下命令调整版本：

   npm uninstall ng2-charts
   npm install ng2-charts@2.4.3 --save
   

   同时配套安装兼容的chart.js版本：

   npm install chart.js@2.9.4 --save
   

2. 清理缓存并重装依赖

   rm -rf node_modules package-lock.json
   npm install
   

3. 统一Angular核心依赖版本
   你的依赖中仍有多个Angular核心包版本错位，必须对齐到9.1.13：

   • 将@angular/forms、@angular/router从8.2.14升级到^9.1.13
   • 将@angular/platform-server、@angular/language-service从7.2.16升级到^9.1.13

4. 修复其他潜在冲突依赖

   • @ngrx/store@6.1.2建议升级到v9版本（适配Angular 9）
   • primeng@6.1.3建议升级到v9版本，避免组件渲染冲突

5. 验证修复效果
   执行构建命令确认错误消除：

   ng build
   

Angular版本升级时，第三方依赖必须严格匹配对应主版本，大部分生态包会在npm页面或官方文档标注支持的Angular版本范围，升级前务必确认。

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