导入为highcharts导出,离线导出不起作用

时间:2017-05-18 06:29:02

标签: angular2-highcharts

我正在使用“angular2-highcharts”:“0.4.1”库,用于在angular2框架中使用highcharts。 它运作正常。如果我尝试删除node_modules并使用npm install afresh进行安装,则会向导入提供以下错误

[INFO] Module'“C:/ Projects / SpectrumAnalyzer / test / Viavi Monitoring View / MonitorView / MonitorView / node_modules / @ types / highcha rts / modules / exports“'解析为非模块实体,无法使用此结构导入。

[INFO] Module'“C:/ Projects / SpectrumAnalyzer / test / Viavi Monitoring View / MonitorView / MonitorView / node_modules / @ types / highcha rts / modules / offline-exports“'解析为非模块实体,无法使用此结构导入。

在下面的导入声明中失败

import * as HichartsExporting from 'highcharts/modules/exporting';
import * as HichartsOfflineExporting from 'highcharts/modules/offline-exporting';
HichartsExporting(Highcharts);
HichartsOfflineExporting(Highcharts);

我检查了他们在下面的更改中所做的node_modules更改:

node_modules/@types/highcharts/modules/exporting.d.ts 之前: 声明var HighchartsExporting:(H:Static)=>静态的; 之后:

声明函数HighchartsExporting(H:Static):Static;

相同

node_modules/@types/highcharts/modules/offline-exporting.d.ts 之前: 声明var HighchartsOfflineExporting:(H:Static)=>静态的;

之后:

声明函数HighchartsOfflineExporting(H:Static):Static;

请建议。

谢谢, Sardar Nale

1 个答案:

答案 0 :(得分:0)

我希望现在还为时不晚。我刚刚问similar question

如果require适用于您,您可以尝试

import HichartsExporting = require('highcharts/modules/exporting');
import HichartsOfflineExporting = require('highcharts/modules/offline-exporting');
HichartsExporting(Highcharts);
HichartsOfflineExporting(Highcharts);

在我的具体案例中,经过数小时的研究,我唯一能做到的就是放弃导入并在HTML中包含脚本标记:

<script src="~/node_modules/highcharts/modules/exporting.js">
<script src="~/node_modules/highcharts/modules/offline-exporting.js">

在这种情况下,你甚至不必做

HichartsExporting(Highcharts);
HichartsOfflineExporting(Highcharts);

之后。