如何使用ES6语法导入chart.js?

时间:2016-10-10 20:10:38

标签: angularjs charts ecmascript-6

使用NPM,我下载并安装了chart.js https://www.npmjs.com/package/chart.js

按照我建立并测试了chart.js的说明 - 它通过了。

然而,当我将它导入我的项目时,如下:

import chartjs from 'chart.js'

export default angular.module('app', [
chartjs]

我明白了:

app.js:14099未捕获错误:[$ injector:modulerr]由于以下原因无法实例化模块应用程序: 错误:[$ injector:modulerr]由于以下原因无法实例化模块图表: 错误:[$ injector:nomod]模块'Chart'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

1 个答案:

答案 0 :(得分:3)

Chart.js不是Angular库。要将Chart.js与Angular一起使用,您应该使用一个便捷库,将其功能封装在Angular模块或指令中,例如: angular-chart.js