Updating library from Angular 9 to Angular 10 produces error Symbol MatButton declared in ....is not exported from @angular/material/button

Question

After updating the Angular lib from angular 9 to angular 10, I am getting the following error while building the library.

ERROR: Symbol MatButton declared in ...........................  is not exported from @angular/material/button.

I couldn't understand the reason, can somebody please suggest what needs to be done?

Thanks, Meenakshi

Please check if this helps - https://github.com/angular/angular/issues/35611 — buchipper, Jul 15 '20 at 11:19
@buchipper though it seems related, but it doesn't solve the problem — Meenakshi Sharma, Jul 15 '20 at 13:27
Which import statement do you use? Is it `import {MatButtonModule} from '@angular/material/button';` — Gogowitsch, Dec 05 '20 at 12:47

score 4 · Answer 1 · answered Dec 05 '20 at 12:11

4

I had same issue with another module. My problem was that I imported module through deep path instead of short one.

Error occurs:

import { SomeModule } from 'npm-package-name/some.module';

No error:

import { SomeModule } from 'npm-package-name';

answered Dec 05 '20 at 12:11

Slava Mill

41
4

1

Welcome to StackOverflow! The exports and directory layout in JS packages really depend on the package. – Gogowitsch Dec 05 '20 at 12:46

score 0 · Accepted Answer · answered Apr 29 '21 at 07:34

0

I had the same problem after enabling ivy while my imports were correct. For me updating @angular/material to 11.2.10 and updating @angular/compiler-cli to 11.2.11 fixed the issue.

answered Apr 29 '21 at 07:34

Mathias

1,819
4
22
34

Updating library from Angular 9 to Angular 10 produces error Symbol MatButton declared in ....is not exported from @angular/material/button

2 Answers2