使用Chart.js与角度和systemjs：“图表未定义”

Question

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

ERROR Error: Uncaught (in promise): ReferenceError: Chart is not defined

我相信这是因为我没有正确导入，或包含在我的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库的引用。