使用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庫的引用。