无法扩展 Highcharts 以使用 Angular 18 中的导出模块：

Question

我们可以将 highcharts 导出为不同的格式，如 png、jpeg、xlsx 等。我们最近从 Angular 14 升级到 Angular 18。突然，此功能无法正常工作并出现此错误：

highcharts_modules_exporting__WEBPACK_IMPORTED_MODULE_2___default(...) is not a function

高图版本： 12

角度版本： 18

我们的扩展守则：

import Highcharts from 'highcharts';
import Exporting from 'highcharts/modules/exporting';
Exporting(Highcharts);

抛出错误： 错误参考

我已经尝试将

import Exporting from 'highcharts/modules/exporting';

更改为

import Exporting from 'highcharts/modules/exporting.src';

并使用角度高图，但这里没有任何帮助。

Answer 1

TLDR：只需删除导出（Highcharts）行即可。

如果您想了解更多信息：从 v12.0.0 开始，将 Highcharts 作为节点模块导入时，附加模块不再需要初始化。以前模块会先导入，然后初始化：

// Imports for Highcharts v11
import * as Highcharts from 'highcharts';
import addAccessibility from 'highcharts/modules/accessibility';

addAccessibility(Highcharts); // <== This no longer works!

从 v12 开始，模块将不再返回工厂函数，因此上面的代码将导致错误。相反，像这样导入它：

// Imports for Highcharts v12
import * as Highcharts from 'highcharts';
import 'highcharts/modules/accessibility';

您可以在升级说明部分的 HC 变更日志中阅读：https://www.highcharts.com/changelog/#highcharts-v12.0.0