在Angular 14上安装Highcharts Dashboard时出错

yyyllmsg  于 9个月前  发布在  Highcharts
关注(0)|答案(2)|浏览(86)

我正在尝试在Angular 14上实现Highcharts Jmeter 板。
我在Angular 16中跟踪this example,但我的假设是它在两个版本中应该是相同的。
我在Angular 14中创建了一个新的应用程序:

npx ng new angular-app

然后安装highcharts和dashboard:

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启动angular应用程序时,我得到以下错误:
错误:node_modules/@highcharts/dashboards/es-modules/Dashboards/Plugins/HighchartsTypes.d.ts:1:35

  • 错误TS 7016:未能找到模块“highcharts/es-modules/Core/Globals”的声明文件。'C:/angular-app/node_modules/highcharts/es-modules/Core/Globals.js'隐式地具有'any'类型。尝试npm i --save-dev @types/highcharts(如果存在)或添加包含declare module 'highcharts/es-modules/Core/Globals';的新声明(.d.ts)文件

1从'highcharts/es-modules/Core/Globals'导入类型{默认为H };~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
我已经安装了@types/highcharts,但仍然得到错误。如何解决这一问题?

tquggr8v

tquggr8v1#

您确定要导入所有必需的元素吗?在导入 Jmeter 板之前,您应该导入Highcharst。另外,不需要添加@types/highcharts,这个包的npm页面上说它已经被弃用了,highcharts提供了自己的类型定义,所以你不需要安装它。
文档:https://www.highcharts.com/docs/dashboards/dashboards-with-angular

23c0lvtd

23c0lvtd2#

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

npm i @highcharts/[email protected]

相关问题