网站搜索

angular - 增强中的模块名称无效。模块 'chart.js' 解析为位于 '/src/chart.js' 的无类型模块,无法进行增强


我正在使用 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

根据这条评论,你必须安装 @types/chart.js。并且你必须这样导入这个库

import * as Chart from 'chart.js';