Update Angular 7 to Angular 8
NickName:Erley Blanco C Ask DateTime:2019-12-20T23:55:49

Update Angular 7 to Angular 8

This is my 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",

I did all the steps to update my project from angular 7 to 8, but it generates the following error when executing 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'.

This is my angular configuration.

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

I already searched the web and found these answers but they don't work for me

information

This is the command that should solve the problem, as I understand @ angular / material @ angular / cdk and angular should be in the latest version

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

I appreciate your collaboration to solve this, thank you very much :)

Copyright Notice:Content Author:「Erley Blanco C」,Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/59428069/update-angular-7-to-angular-8

More about “Update Angular 7 to Angular 8” related questions

Update Angular 7 to Angular 8

This is my package.json "@agm/core": "^1.1.0", "@angular/animations": "^8.2.14", "@angular/cdk": "^6.4.7", "@angular/common": "^8.0.0", "@angular

Show Detail

How to update Angular 7 to Angular 8 by ng update

I try update Angular project from version 7.2.5 to 8 of the core framework and CLI by running ng update @angular/cli @angular/core in terminal. Response from terminal was 'We analyzed your packag...

Show Detail

Updating Angular 7 to 8

I have a sample project that uses Angular 7. I am trying updating it to the version 8 using the following command: ng update @angular/cli@8 @angular/core@8 which does absolutely nothing. The screen...

Show Detail

Error when updating Angular 7 -> Angular 8

A month ago I started a Angular 7 project. Now I need to include Angular Material into the project and npm i it. It recently came out in a version 8 which seems incompatible with Angular 7. So I s...

Show Detail

Angular Material and CDK update 7 to 8 Migration Failure

I am attempting to update angular material and the cdk from version 7 to 8. Package update goes fine for both but the migration for both fail every time with a very "helpful" error of Cannot read

Show Detail

Upgrading from Angular 7 to Angular 8, why "ng update" tells me that @angular/cli is not installed?

I try to upgrade my Angular project from version 7 to version 8. For that I've used the command from the Angular website: ng update @angular/cli @angular/core Everything seems to work perfectly wi...

Show Detail

Angular Universal Update from v7 to v8

I have recently updated my project from angular 7 to 8 with ng update. All work fine but i figured out that Angular Universal is not updated to version 8. When i check my ng update i have this lin...

Show Detail

Upgrade angular from 7 to 8

I'm working on a new project, the startup stack is using angular version 7, I want to upgrade to the version 8. so I used the following command ng update @angular/cli @angular/core. After running the

Show Detail

Angular Update from 7 to 8, I got stuck angular-i18next

I got stuck in the middle of a longer trip. I started upgrading an angular application from version 6 to the current version (which is 12). I successfully changed from version 6 to 7, following the

Show Detail

How to downgrade to Angular 7 from Angular 8 or 9

So I was trying to upgrade our entire web-application earlier from Angular 6 to 7. And I was able to do that since the script I run earlier installed the most latest version available of Angular wh...

Show Detail