Angular 8升级至10更新依赖后运行报错如何解决

核心问题 #

你的报错是Angular生态依赖与第三方组件版本未和Angular 10对齐导致的兼容性问题，你只升级了Angular核心包，配套的周边依赖还停留在Angular 8的适配版本。

具体操作步骤 #

• 升级Angular官方配套依赖到v10适配版本：
  • @angular/cdk 升级至 ^10.2.7
  • @angular/material 升级至 ^10.2.7
  • @angular/flex-layout 升级至 ^10.0.0-beta.32
• 移除废弃依赖：
  卸载已被Angular官方淘汰的@angular/http包，Angular 10的网络请求能力已内置在@angular/common包的HttpClient模块中，无需额外安装独立依赖。
• 升级第三方组件到适配Angular 10的对应版本：
  • @ng-bootstrap/ng-bootstrap 升级至 ^7.0.0
  • ngx-markdown 升级至 ^10.1.1
  • ngx-mask 升级至 ^10.1.0
• 重新安装依赖：
  先删除项目根目录下的node_modules文件夹、package-lock.json（用npm的场景）或yarn.lock（用yarn的场景）文件，再执行npm install或yarn install重新拉取所有依赖，完成后重启项目即可正常运行。

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