在 Angular 14 上安装 Highcharts 仪表板时出错

Question

我正在尝试在 Angular 14 上实现 Highcharts 仪表板。

我正在关注 Angular 16 中的这个示例，但我的假设是两个版本中的它应该是相同的。

我在 Angular 14 中创建一个新应用程序：

npx ng new angular-app

然后安装 highcharts 和仪表板：

cd angular-app
npm install @highcharts/dashboards
npm install highcharts
npm i --save-dev @types/highcharts

我向组件添加导入：

import * as Dashboards from '@highcharts/dashboards/dashboards';

当我使用

ng serve

启动角度应用程序时，我收到此错误：

错误： node_modules/@highcharts/dashboards/es-modules/Dashboards/Plugins/HighchartsTypes.d.ts:1:35

• 错误 TS7016：找不到模块“highcharts/es-modules/Core/Globals”的声明文件。 'C:/angular-app/node_modules/highcharts/es-modules/Core/Globals.js' 隐式具有“any”类型。如果存在，请尝试

  npm i --save-dev @types/highcharts

  或添加新的声明 (.d.ts) 文件 含有

  declare module 'highcharts/es-modules/Core/Globals';

1 导入类型 { 默认为 H } 来自 'highcharts/es-modules/Core/Globals'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我已经安装了

@types/highcharts

，但仍然出现错误。如何解决这个问题？

Answer 1

如果您使用 Angular 14，则需要将 @highcharts/dashboards 降级到版本 1.0.1

npm i @highcharts/[email protected]