Angular 12 错误 '"ng2-charts "' has no exported member named ' ChartsModule'

Question

我在尝试将 ChartsModule 添加到我的 app.module.ts 文件时遇到上述错误。

我使用 ng 命令将图表添加到我的项目中，所有文章都说要使用:

npm 安装 ng2-charts chart.js --保存

我的 app.module.ts 文件如下所示。

Answer 1

似乎图表库有一个新版本，他们用 NgChartsModule 替换了 ChartsModule。

尝试:

从'ng2-charts'导入{NgChartsModule}；

并像使用 ChartsModule 一样使用它(当然可能还有一些其他更改)。

或者您可以降级并安装不是最新的 charts.js。

在这里，甚至他们的 GitHub ( https://github.com/valor-software/ng2-charts )说:

在您的应用主模块中导入 NgChartsModule:

import { NgChartsModule } from 'ng2-charts';

// In your App's module:
imports: [
  NgChartsModule
]