How to include Chart.js in my AngularJS project?

Question

I'm new to AngularJS and I'm currently working on building an application on Ubuntu. When I'm trying to install Chart.js using npm install chart.js, it is throwing the following error.

npm WARN [email protected] requires a peer of jasmine-core@>=3.5 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/webpack-dev-server/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/watchpack/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/karma/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/@angular/compiler-cli/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

+ [email protected]
updated 1 package and audited 19058 packages in 9.013s

23 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

What does this error mean?

How do I fix this?

Is there any other way to include Chart.js in my project other than the install command?

So far, you you didn't get any errors, only warnings. The package was installed. Doesn't it work? If so, describe it with more detail. — mbojko
– mbojko, Commented Jan 21, 2020 at 9:41
As far as I know the package didn't get installed because the installed package would get reflected in the package.json file. But in that file I don't see anything related to chart.js. I could be wrong. — Abhishek Satyavolu
– Abhishek Satyavolu, Commented Jan 21, 2020 at 10:23

Sam · Accepted Answer · 2020-01-21 09:43:05Z

1

There are 0 vulnerabilities in your install. what you call error is just WARN means warnings, which can be ignored, Chart.js has successfully installed. you should be good to go.

If you want to get rid of these warnings, as it says You must install peer dependencies yourself.

Try npm install jasmine-core@>=3.5

answered Jan 21, 2020 at 9:43

Sam

4905 silver badges21 bronze badges

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

Comments

shruti · Accepted Answer · 2020-01-21 09:43:21Z

0

npm decided to add a new command: npm fund that will provide more visibility to npm users on what dependencies are actively looking for ways to fund their work.

npm install will also show a single message at the end in order to let user aware that dependencies are looking for funding, it looks like this:

$ npm install
13 packages are looking for funding.
run `npm fund` for details.

Running npm fund will open the url listed for that given package right in your browser.

npm funding does not mean that the package is not installed , your package is successfully installed.

please check this for more information

answered Jan 21, 2020 at 9:43

shruti

1

Comments

OrDushi · Accepted Answer · 2020-01-21 11:08:58Z

0

you didnt get any errors only warnings, you can ignore them. first of all you can download manually from https://github.com/jtblin/angular-chart.js but you already installed them from npm so try to include it in your project

when you load your angular module dont forget to use

angular.module('myModule', ['chart.js']);

let us know if you were able to use it , best of luck !

edited Jan 21, 2020 at 11:08

answered Jan 21, 2020 at 10:06

OrDushi

966 bronze badges

2 Comments

Abhishek Satyavolu Over a year ago

Yes I tried it and the charts are getting displayed. Thanks a lot for your help :D

OrDushi Over a year ago

glad to know :) .

Collectives™ on Stack Overflow

How to include Chart.js in my AngularJS project?

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related