如何在我的 AngularJS 项目中包含 Chart.js？

Question

我是 AngularJS 的新手，目前正在 Ubuntu 上构建应用程序。 当我尝试使用npm install chart.js时，它抛出以下错误。

 npm WARN karma-jasmine-html-reporter@1.5.1 requires a peer of jasmine-core@>=3.5 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/webpack-dev-server/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/watchpack/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/karma/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/@angular/compiler-cli/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.2 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) + chart.js@2.9.3 updated 1 package and audited 19058 packages in 9.013s 23 packages are looking for funding run `npm fund` for details found 0 vulnerabilities

这个错误是什么意思？

我该如何解决？

除了安装命令之外，还有其他方法可以在我的项目中包含 Chart.js 吗？

Answer 1

您的安装中存在 0 个漏洞。 what you call error is just WARN means warnings, which can be ignored, Chart.js已成功安装。 你应该可以开始了。

如果你想摆脱这些警告，正如它所说， You must install peer dependencies yourself.

尝试 npm install jasmine-core@>=3.5

Answer 2

npm 决定添加一个新命令：npm fund，这将为 npm 用户提供更多可见性，让他们了解哪些依赖项正在积极寻找为他们的工作提供资金的方法。

npm install 也会在最后显示一条消息，以便让用户知道依赖项正在寻找资金，它看起来像这样：

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

运行 npm fund 将在您的浏览器中打开为该给定包列出的 url。

npm 资助并不意味着没有安装包，你的包安装成功了。

请检查此以获取更多信息

Answer 3

你没有收到任何错误警告，你可以忽略它们。 首先，您可以从https://github.com/jtblin/angular-chart.js手动下载，但您已经从 npm 安装了它们，因此请尝试将其包含在您的项目中

当你加载你的角度模块时，不要忘记使用

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

如果您能够使用它，请告诉我们，祝您好运！