WARNING in ./node_modules/ng2-charts/fesm5/ng2-charts.js 230:54-72 "export 'ɵɵdefineInjectable' was not found in '@angular/core'

Question

I am using ng2-charts in Angular 7 app and having warning

WARNING in ./node_modules/ng2-charts/fesm5/ng2-charts.js 230:54-72 "export 'ɵɵdefineInjectable' was not found in '@angular/core'

error in VS Code

error in browser

What could be the reason and how to resolve it?

Answer 1

Update: May 2021

Recently I have used [email protected] in Angular v11 and it's working fine. You may try with the latest version

npm install ng2-charts@latest // it will automatically install latest version 

Older

ng2-charts v2.2.4 has this bug as lots of users are reporting that so down-grading to ng2-charts v2.2.3 is fine until it is fixed in the future releases.

npm install [email protected] 

Answer 2

Right, you have to do npm install [email protected] --save Also, check into your package.json for "ng2-charts": "2.2.3", I also faced same issue but previously I had "ng2-charts": "^2.2.3", so I removed caret (^). It means "Compatible with version" it will install major version. But use "Fixed version" if you don't want to change version of package on each installation.