将Chart.js与angular和systemjs一起使用：＆＃34;图表未定义＆＃34;

Question

我在PrimeNG中使用Chart Component，这取决于Chart.js，所以我使用npm（版本2.5.0）成功安装了它，但是，我现在在加载页面时遇到以下错误：使用图表：

  

错误错误：未捕获（在承诺中）：ReferenceError：图表不是   定义

我相信这是因为我没有正确导入它或将其包含在我的systemjs文件中，但我还没有弄清楚如何做到这一点。我已尝试通过以下方式将其包含在systemjs中：

'chart.js':   'npm:chart.js/dist/Chart.js',

和

'chart':     'npm:chart.js/dist/Chart.js',

我尝试使用以下内容进行导入：

import { Chart }    from 'chart';

和

import { Chart }   from 'chart.js';

但两者都没有奏效。我怎样才能让它发挥作用？

Answer 1

我无法确定这是导致错误的原因，但在尝试将未打字的库导入我的Angular / TypeScript项目时，我遇到了这种情况。特别是Hammer.js - 我通过从DefinitelyTyped

获取类型库来解决它

我在那里看到Chart.js和Chartjs，试试那些。

npm install --save-dev @types/<libname>

编辑：我应该继续这个答案。一旦安装了这个新库，就可以从'@types/<libname>'导入它，并使用相同的模式更新对systemjs中库的引用。