Angular 10升级至11后执行ng serve报错求助

核心问题 #

@angular/material 版本与 @angular/core/@angular/cli 版本不匹配是报错的根本原因，Angular 生态要求这三个包的主版本必须完全一致，无法绕过这个问题。

分步解决方案 #

1. 升级 @angular/material 到 11.x 版本
   执行官方升级命令：

   ng update @angular/material@11
   

   若执行时出现依赖冲突（即你提到的“更多报错”），按以下方式处理：

   • 终端会明确提示冲突的第三方包，比如某些组件库依赖旧版 Angular
   • 去这些第三方包的官方仓库或文档，查找支持 Angular 11 的版本号
   • 在 package.json 中手动修改对应包的版本号，保存后执行：

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

2. 排查自定义代码兼容性
   升级后若仍有报错，检查项目中自定义的 Material 相关组件/指令，确认是否用到了 Angular 11 中废弃或修改的 API（比如部分 Material 组件的 @Input/@Output 属性在 v11 有调整）。

3. 重新启动开发服务
   完成上述操作后，执行：

   ng serve
   

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