Source:  Twitter logo

Getting an error with mat-progress-button given below after updating from Angular 8 to Angular 9. It was working fine with Angular 8. Is MatProgressButton incompatible with Angular 9?

node_modules/mat-progress-buttons/esm2015/mat-progress-buttons.js:181:26 - error NG1010: Value at position 1 in the NgModule.imports of MatProgressButtonsModule is not a reference: [object Object]

The import looks like: import { MatProgressButtonsModule } from 'mat-progress-buttons';

My package.json looks like this:

  "dependencies": {
    "@angular/animations": "^9.0.2",
    "@angular/cdk": "^9.1.0",
    "@angular/common": "~9.0.2",
    "@angular/compiler": "~9.0.2",
    "@angular/core": "~9.0.2",
    "@angular/forms": "~9.0.2",
    "@angular/material": "^9.1.0",
    ...
    "@angular/router": "~9.0.2",
    "core-js": "^2.5.4",
    "mat-file-upload": "^1.3.2",
    "mat-progress-buttons": "^8.0.7",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.3",
    "@angular/cli": "~9.0.3",
    "@angular/compiler-cli": "~9.0.2",
    "@angular/language-service": "~9.0.2",
   ...
    "typescript": "^3.7.5"
  }
}

I had the same issue. It seems like there was some kind of error with the versions of the installed modules. I resolved it by deleting the node_module folder and reinitiating it with npm install.

5 users liked answer #0dislike answer #05
JB17 profile pic
JB17

Deleted node_modules folder, dist folder, and package-lock.json file

npm cache clean --force
npm cache verify
npm i

Then it worked for me!

1 users liked answer #1dislike answer #11
Divyanshi Mangal profile pic
Divyanshi Mangal

Copyright © 2022 QueryThreads

All content on Query Threads is licensed under the Creative Commons Attribution-ShareAlike 3.0 license (CC BY-SA 3.0).