在角度 7 中使用 exporting(highchart) 时出现错误答案

【问题标题】：when using exporting(highchart) in angular 7 got the the error在角度 7 中使用 exporting(highchart) 时出现错误
【发布时间】：2021-09-10 21:38:11
【问题描述】：

使用 exporting(highchart) 得到以下错误： src/app/desktop/module/dashboard/dashboard.module.ts(24,1) 中的错误：错误 TS2349：无法调用类型缺少调用签名的表达式。输入 'typeof import("C:/website/UI_Dashboard/node_modules/highchart s/modules/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);

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

【问题讨论】：

标签： highcharts angular7

【解决方案1】：

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

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

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

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

另外（我不确定这是否适用于此，因为代码可能不完整），highcharts-more 需要像任何其他模块一样初始化。通常它在其他模块之前加载 - 初始化顺序很少重要（某些系列类型基于可选模块），如果顺序错误，您会收到错误，因此测试这一点很重要。

【讨论】：

添加 .src 也是一样的
@SubhabrataBanerjee 对核心和模块使用相同的版本（例如 9.0.1）。对核心和模块使用相同的扩展名（.src.js 或 .js）。如果错误仍然显示，请创建一个现场演示。

【解决方案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

【讨论】：