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

【问题标题】：How to include Chart.js in my AngularJS project?如何在我的 AngularJS 项目中包含 Chart.js？
【发布时间】：2020-05-07 08:04:42
【问题描述】：

我是 AngularJS 的新手，我目前正致力于在 Ubuntu 上构建一个应用程序。当我尝试使用 npm install chart.js 安装 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 包含在我的项目中吗？

【问题讨论】：

到目前为止，您没有收到任何错误，只有警告。该软件包已安装。它不起作用吗？如果是这样，请更详细地描述它。
据我所知，该软件包未安装，因为已安装的软件包将反映在 package.json 文件中。但在该文件中，我没有看到任何与 chart.js 相关的内容。我可能是错的。

标签： javascript angularjs npm chart.js

【解决方案1】：

您的安装中有 0 个漏洞。你所说的错误只是WARN表示警告，可以忽略，Chart.js已成功安装。你应该很高兴。

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

试试 npm install jasmine-core@>=3.5

【讨论】：

【解决方案2】：

npm 决定添加一个新命令：npm fund，它将让 npm 用户更清楚地了解哪些依赖项正在积极寻找为其工作提供资金的方式。

npm install 最后还会显示一条消息，让用户知道依赖项正在寻找资金，如下所示：

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

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

npm注资并不代表包没有安装，你的包就安装成功了。

please check this for more information

【讨论】：

【解决方案3】：

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

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

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

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

【讨论】：

是的，我试过了，图表正在显示。非常感谢您的帮助：D
很高兴知道:)。