将 Angular 7 更新为 Angular 8答案

【问题标题】：Update Angular 7 to Angular 8将 Angular 7 更新为 Angular 8
【发布时间】：2019-12-23 20:31:42
【问题描述】：

这是我的 package.json

"@agm/core": "^1.1.0",
"@angular/animations": "^8.2.14",
"@angular/cdk": "^6.4.7",
"@angular/common": "^8.0.0",
"@angular/compiler": "^8.2.14",
"@angular/core": "^8.2.14",
"@angular/forms": "^8.2.14",
"@angular/material": "^8.2.3",
"@angular/platform-browser": "^8.2.14",
"@angular/platform-browser-dynamic": "^8.2.14",
"@angular/router": "^8.2.14",

我完成了所有步骤，将我的项目从 angular 7 更新到 8，但是在执行 ng serve 时会产生如下错误：

ERROR in ../node_modules/@angular/material/stepper/typings/step-header.d.ts:13:10 - error 
TS2305: Module '"../../../cdk/stepper"' has no exported member 'CdkStepHeader'.

13 import { CdkStepHeader, StepState } from '@angular/cdk/stepper';
        ~~~~~~~~~~~~~
../node_modules/@angular/material/stepper/typings/step-header.d.ts:13:25 - error TS2305: 
Module '"../../../cdk/stepper"' has no exported member 'StepState'.

13 import { CdkStepHeader, StepState } from '@angular/cdk/stepper';
                       ~~~~~~~~~
../node_modules/@angular/material/stepper/typings/stepper-icon.d.ts:9:10 - error TS2305: 
Module '"../../../cdk/stepper"' has no exported member 'StepState'.

这是我的角度配置。

Angular CLI: 8.3.21
Node: 10.16.3
Angular: 8.2.14

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.21
@angular-devkit/build-angular     0.803.21
@angular-devkit/build-optimizer   0.803.21
@angular-devkit/build-webpack     0.803.21
@angular-devkit/core              8.3.21
@angular-devkit/schematics        8.3.21
@angular/cdk                      6.4.7
@angular/cli                      8.3.21
@angular/material                 8.2.3
@ngtools/webpack                  8.3.21
@schematics/angular               8.3.21
@schematics/update                0.803.21
rxjs                              6.5.3
typescript                        3.5.3
webpack                           4.39.2

我已经在网上搜索并找到了这些答案，但它们对我不起作用

information

这是应该解决问题的命令，据我了解 @ angular / material @ angular / cdk 和 angular 应该是最新版本

    npm install --save @ angular / material @ angular / cdk

感谢您的合作解决这个问题，非常感谢:)

【问题讨论】：

你需要更新@angular/cdknpmjs.com/package/@angular/cdk
ng 更新，然后删除你的 package-lock.json 和 node_modules 并再次运行 npm install
:) 为我工作！谢谢各位！

标签： angular angular7 angular8

【解决方案1】：

请将您的@angular/cdk 和@angular/common 更新为^8.2.14 版本。

您只需要更改 package.json 依赖项中的这些版本即可。

为确保一切正常，我推荐以下顺序：

进入您的package.json
将每个@angular 依赖版本替换为一致的版本号。在这里您可以找到您可以从哪个版本中获得哪些功能：https://github.com/angular/angular/blob/master/CHANGELOG.md
删除您的 node_modules/ 文件夹
使用npm install 为npm 或yarn install 为纱线重新安装你的依赖项

【讨论】：