扩充中的模块名称无效。模块 'chart.js' 解析为“/src/chart.js”处的非类型化模块，无法扩充

Question

我正在使用 ng2-chart 图表库创建条形图。 ng serve:

时出现以下错误

ERROR in node_modules/chartjs-plugin-datalabels/types/index.d.ts(5,16): error TS2665: Invalid module name in augmentation. Module 'chart.js' resolves to an untyped module at '/node_modules/chart.js/src/chart.js', which cannot be augmented.

我想要条形图上的一些数据标签。

所以我在组件中添加了'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",

我们将不胜感激。

Answer 1

根据 this comment，您必须安装 @types/chart.js。你必须使用

导入这个库

import * as Chart from 'chart.js';

扩充中的模块名称无效。模块 'chart.js' 解析为“/src/chart.js”处的非类型化模块，无法扩充

Invalid module name in augmentation. Module 'chart.js' resolves to an untyped module at '/src/chart.js', which cannot be augmented

typescript

chart.js

ng2-charts

angular

angular7