"export 'ɵɵinject' was not found in '@angular/core'

Question

I am getting this error when i tried to use MatToolBar in my angular app. In browser I get Uncaught TypeError: Object(...) is not a function and also get warnings in the console:

WARNING in ./node_modules/@angular/cdk/esm5/text-field.es5.js 146:151-159
"export 'ɵɵinject' was not found in '@angular/core'

WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js 2324:206-214
"export 'ɵɵinject' was not found in '@angular/core'

How can I resolve this? On github it is a closed issue.

Please add a code snippet with the content of your package.json file. — tottomotto, Jun 03 '19 at 20:04
What version of angular core are you using? [Is it 8 by any chance?](https://github.com/angular/angular/issues/30413) — msanford, Jun 03 '19 at 20:07
Possible duplicate of [Angular Compilation Warnings with Angular Material Declarations](https://stackoverflow.com/questions/56417164/angular-compilation-warnings-with-angular-material-declarations) — msanford, Jun 03 '19 at 20:07
I've seen these kinds of errors when Ivy is enabled. If you have it on try turning it off. — Reactgular, Jun 03 '19 at 21:14
I try make it https://stackoverflow.com/questions/56417164/angular-compilation-warnings-with-angular-material-declarations but i can't solved — Mr Ralph, Jun 04 '19 at 14:08
This one was a toughy for me too. Was trying to use Angular 7 with firebase. I was getting those errors alike when using ng serve. I dough a bit more and it looked like my @angular/core version was wrong...so thats my thought on where the issue was. I just upgraded to angiular 9.0.0 and everything is working now — tony2tones, Apr 25 '20 at 18:50

score 20 · Answer 1 · answered Jul 29 '19 at 06:47

20

So apparently after wasting 1 hour on the same issue, it seems your angular version and the material version should be same i.e if your angular CLI version is 7, you should use material version 7.

Just change the dependencies "@angular/material" and "@angular/cdk" version to "7.3.7" and change "@angular/animations" to "7.2.15"

Hope this solves your problem.

answered Jul 29 '19 at 06:47

Aayush

409
4
17

I did this but now get: Error: StaticInjectorError(AppModule)[ScullyLibModule -> IdleMonitorService]: StaticInjectorError(Platform: core)[ScullyLibModule -> IdleMonitorService]: NullInjectorError: No provider for IdleMonitorService! – Evan Aug 04 '20 at 00:21
@Evan, it looks like you forgot to import the `IdleMonitorService` in your provider settings in your `AppModule` – Craig Wayne Jan 25 '21 at 09:38
This helped me with ngx-filesaver – BrunoElo Oct 29 '21 at 12:27
This has solved it for me! Thanks! – MichaelEr Jul 14 '23 at 21:40

score 14 · Answer 2 · answered Sep 05 '19 at 07:55

14

The solution is to ensure all your packages are of the same versions.

Check Package.json file to find if the packages are on the same version.

Then in the command line use the command

ng update @angular/core

This should solve the problem

answered Sep 05 '19 at 07:55

nXn

904
6
13

5

For anyone else reading this, the above command will also update other parts of Angular. – Pytth Jan 15 '20 at 23:07
3

this is lightly considered advice – Omar Feb 13 '20 at 19:30
4

This command will also try to update the angular version, which might be not what everyone was looking for. – Server Khalilov Aug 14 '20 at 13:09
The above command will update to latest angular, if you wanna update to a specific version you can add version at the last for ex: ng update @angular/cli@9.0.0 – Ch Asjad Mahmood May 17 '22 at 05:39

score 5 · Accepted Answer · answered Jun 08 '19 at 17:30

5

I have resolved it, I just updated the dependency of angular material to 7 and angular version to 7.3.2 and it worked.

answered Jun 08 '19 at 17:30

score 4 · Answer 4 · edited Dec 14 '19 at 16:41

4

This worked for me:

ng update @angular/core

edited Dec 14 '19 at 16:41

סטנלי גרונן

2,917
23
46
68

answered Dec 14 '19 at 16:22

João Paulichi

71
2

score 3 · Answer 5 · edited Oct 18 '19 at 09:16

3

I have resolved it, we need to install proper npm plugin version corresponding to angular version.

For instance, if you are installing ngx-toastr then run; npm i ngx-toastr@10.1.0 for angular 8.x, 7.x, 6.x.

Check the support link for ngx-toastr version support for angular, which can be found here.

edited Oct 18 '19 at 09:16

RobC

22,977
20
73
80

answered Oct 18 '19 at 08:44

sandeep

76
5

score 1 · Answer 6 · answered Nov 21 '19 at 18:50

At first, I used below commands

npm install -S @angular/cdk @angular/animations
npm uninstall @angular/core
npm install -S @angular/core

Now, this solved this issue but then I faced this error

NullInjectorError: No provider for ViewportScroller

Solved that error by using the below command

ng update @angular/cli @angular/core

Arséne · Answer 7 · 2019-11-26T11:02:57.547

1

WARNING in

./node_modules/@ng-select/ng-select/fesm2015/ng-select-ng-select.js

2560:52-70 "export 'ɵɵdefineInjectable' was not found in '@angular/core'

Just removed the ɵɵ from ɵɵdefineInjectable in the 3 occurrences in ./node_modules/@ng-select/ng-select/fesm2015/ng-select-ng-select.js

and it's working properly, thanks.

edited Nov 26 '19 at 11:02

answered Nov 25 '19 at 13:11

Arséne

95
4

6

I don't think removing code in "node_modules" folder is a good answer.... – Cocorico Sep 02 '21 at 08:42
wtf!! awesome Answer ! and stupid ! Working for me XDDDDDD – Maximiliano Cesán Aug 29 '22 at 20:02

Taimoor Tahir · Answer 8 · 2019-09-03T12:00:41.820

0

Just resolved this issue with Angular primeng. Just make sure @angular/cdk version and primeng version are same. It will work.

Also, make sure of there same versions as well. "@angular/cdk": "^7.3.7", "@angular/material": "^7.3.7",

edited Sep 03 '19 at 12:00

answered Sep 02 '19 at 08:40

Taimoor Tahir

430
4
6

score 0 · Answer 9 · answered Oct 13 '19 at 21:56

I used @angular/core 7.x.x and I found a similar problem after I have installed npm install ngx-toastr --save. The ngx-toastr was version 11.x.x but the @angular/core was version 7.x.x

I have fixed it by updating the @angular/core and it updated to version 8.2.10

ng update @angular/core

score 0 · Answer 10 · answered Sep 15 '22 at 13:11

0

I had an issue in my App.component.ts test as I hadn't declared providers in the test for all my providers in the constructor. The issue landed me the "no tests founds" issue.

answered Sep 15 '22 at 13:11

Bjerh

71
5

"export 'ɵɵinject' was not found in '@angular/core'

10 Answers10

Linked