export 'Renderer2' was not found in '@angular/core'

Question

I Installed Angular Material in my Angular Project. I had followed all the steps which were given in the Material documentation, but when I tried to run the application with 'npm start', I'm getting warnings and errors related to InjectionToken and Renderer2.

The error messages which I get in the console:

WARNING in ./~/@angular/material/@angular/material.es5.js 138:33-47 "export 'InjectionToken' was not found in '@angular/core'
WARNING in ./~/@angular/material/@angular/material.es5.js 826:35-49 "export 'InjectionToken' was not found in '@angular/core'
WARNING in ./~/@angular/material/@angular/material.es5.js 1010:12-21 "export 'Renderer2' was not found in '@angular/core'
WARNING in ./~/@angular/material/@angular/material.es5.js 1388:12-21 "export 'Renderer2' was not found in '@angular/core'
WARNING in ./~/@angular/material/@angular/material.es5.js 3177:12-21 "export 'Renderer2' was not found in '@angular/core'
ERROR in C:/Users/naray/MEAN-project/client/node_modules/@angular/cdk/typings/bidi/directionality.d.ts (8,34): Module '"C:/Users/naray/MEAN-project/client/node_mo dules/@angular/core/index"' has no exported member 'InjectionToken'.
ERROR in C:/Users/naray/MEAN-project/client/node_modules/@angular/cdk/typings/table/cell.d.ts (8,22): Module '"C:/Users/naray/MEAN-project/client/node_modules/@angular/core/index"' has no exported member 'Renderer2'.
ERROR in C:/Users/naray/MEAN-project/client/node_modules/@angular/cdk/typings/table/row.d.ts (28,31): Type'IterableDiffer' is not generic.
ERROR in C:/Users/naray/MEAN-project/client/node_modules/@angular/cdk/typings/table/table.d.ts (8,69): Module '"C:/Users/naray/MEAN-project/client/node_modules/@angular/core/index"' has no exported member 'Renderer2'.
ERROR in C:/Users/naray/MEAN-project/client/node_modules/@angular/cdk/typings/table/table.d.ts (8,80): Module '"C:/Users/naray/MEAN-project/client/node_modules/@angular/core/index"' has no exported member 'TrackByFunction'.
ERROR in C:/Users/naray/MEAN-project/client/node_modules/@angular/material/typings/core/overlay/scroll/scrollable.d.ts (8,49): Module '"C:/Users/naray/MEAN-project/client/node_modules/@angular/core/index"' has no exported member 'Renderer2'.

whats the version of Angular you have installed. upgrage it to 4+ and then check. — Parth Ghiya
– Parth Ghiya, Commented Aug 25, 2017 at 11:32
import { Renderer2 } from '@angular/core'; requires angular core 4.0+ — Swoox
– Swoox, Commented Aug 25, 2017 at 11:50
Thanks for the response. I've upgraded to Angular 4 using "npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save" — n9exorcist
– n9exorcist, Commented Aug 25, 2017 at 13:37

Sean McKinney · Accepted Answer · 2020-12-04 14:50:43Z

1

In my package.json I had both a reference to @ionic/angular and ionic-angular.

ionic-angular seems to be deprecated and replaced with @ionic/angular so when I installed ionic-angular, this resolved the error.

answered Dec 4, 2020 at 14:50

Sean McKinney

577 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sahil Patel Over a year ago

Bit confused. What did you perform? Did you remove ionic-angular?

Collectives™ on Stack Overflow

export 'Renderer2' was not found in '@angular/core'

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related