扩充中的模块名称无效。模块“ chart.js”解析为“ /src/chart.js”中的无类型模块,无法对其进行扩充

时间:2019-03-29 09:43:38

标签: angular typescript chart.js angular7 ng2-charts

我正在使用ng2-chart库创建图表的条形图。 ng serve时出现以下错误:

  

错误   node_modules / chartjs-plugin-datalabels / types / index.d.ts(5,16):错误   TS2665:扩充中的模块名称无效。模块“ chart.js”   在以下位置解析为无类型的模块   '/node_modules/chart.js/src/chart.js',无法进行扩充。

我希望在条形图上有一些数据标签。

所以我在组件中添加了“ chartjs-plugin-datalabels”。

当我在代码中添加以下行时,会发生此错误。

import * as pluginDataLabels from 'chartjs-plugin-datalabels';

export class AnalysisComponent implements OnInit {
    public barChartPlugins = [pluginDataLabels];
}

库的版本

"chart.js": "^2.7.3",
"ng2-charts": "^1.6.0",
"chartjs-plugin-datalabels": "^0.6.0",

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

this comment,您必须安装@ types / chart.js。 而且您必须使用以下方式导入该库

import * as Chart from 'chart.js';