在angular 7中使用导出(Highchart)时，出现以下错误

Question

使用导出(Highchart)获取下面的error: ERROR in src/app/desktop/module/dashboard/dashboard.module.ts(24,1)：error TS2349:无法调用其类型缺少调用签名的表达式。类型'typeof import("C:/website/UI_Dashboard/node_modules/highchart s/import(“C:/website/UI_Dashboard/node_modules/highchart/exporting.src”)‘没有兼容的调用签名。

在模块中：

import {ChartModule, HIGHCHARTS_MODULES} from 'angular-highcharts';
import * as more from 'highcharts/highcharts-more.src';
import * as highcharts from 'highcharts';
import * as exporting from 'highcharts/modules/exporting.src';
import * as offline from 'highcharts/modules/offline-exporting';
exporting(highcharts);
offline(highcharts);

我应该怎么做才能解决这个问题？

Answer 1

你试过用import exporting from 'highcharts/modules/exporting.src';吗？

这是Angular - https://github.com/highcharts/highcharts-angular#core的官方Highcharts包装器中记录的建议的模块工作方式

您还应该加载所有Highcharts相关的文件作为src或缩小-混合可能会导致一些TS问题。

src版本的Highcharts核心的import路径是'highcharts/highcharts.src'。

另外(我不确定这是否适用于这里，因为代码可能不完整)，highcharts-more需要初始化为任何其他模块。通常它是在其他模块之前加载的-初始化顺序很少重要(一些系列类型基于可选模块)，如果顺序错误，你会得到一个错误，所以测试这一点很重要。

Answer 2

如果现在有人遇到这个问题，请更改以下内容：

import * as exporting from 'highcharts/modules/exporting.src';

要这样做：

import Exporting from 'highcharts/modules/exporting';

为我解决了这个问题。

我使用的是Angular CLI 11.1.4和Highcharts npm包v9.2.2