Highcharts 如何使用systemjs/es6将此require语句转换为导入?

Highcharts 如何使用systemjs/es6将此require语句转换为导入?,highcharts,typescript,angular,systemjs,jspm,Highcharts,Typescript,Angular,Systemjs,Jspm,因此,我正在使用angular2/TypeScript并尝试转换这个调用,顺便说一句,这个调用今天运行良好: window['Highmaps'] = require('highcharts/modules/map')(Highcharts); 至es6 类似于: import * as Ng2Highcharts from 'highcharts/modules/map'; Ng2Highcharts(Highcharts) 但前一个版本不起作用,但es6版本不起作用。 顺便说一下,这是一

因此,我正在使用angular2/TypeScript并尝试转换这个调用,顺便说一句,这个调用今天运行良好:

window['Highmaps'] = require('highcharts/modules/map')(Highcharts);
至es6

类似于:

import * as Ng2Highcharts from 'highcharts/modules/map';
Ng2Highcharts(Highcharts)
但前一个版本不起作用,但es6版本不起作用。 顺便说一下,这是一个项目:

我必须转换它,因为我正试图从commonjs转换为systemjs

谢谢你的帮助

肖恩

require的值立即作为函数应用。这通常意味着正在使用默认导出

试一试


为了能够像这样导入,您需要在
system.config.js
文件中创建一个条目,或者只在
system.config({…})
中创建一个条目,但是您正在进行配置


一个条目出现在
地图中,一个条目出现在
软件包中,如下所示

//映射告诉系统加载程序在哪里查找内容
变量映射={
'应用程序':'应用程序',//'地区',
'rxjs':'node_modules/rxjs',
'angular2内存web api':'node_模块/angular2内存web api',
“@angular”:“node_modules/@angular”,
‘highcharts’:‘path/to/highcharts目录’
};
//包告诉系统加载程序在没有文件名和/或扩展名时如何加载
变量包={
'app':{main:'main.js',defaultExtension:'js'},
'rxjs':{defaultExtension:'js'},
'angular2内存web api':{defaultExtension:'js'},
'highcharts/modules/map':{defaultExtension:'js'}
};

你可以走了。。。。希望它能起作用。

您会遇到什么错误?执行此操作时,我会得到TypeError:x[(中间值)(中间值)(中间值)]不是构造函数:(如果我这样做,我会从“highcharts/modules/map”中以Ng2Highcharts的形式从my:import*中返回一个对象;那么我在哪里传递Ng2Highcharts(highcharts)to?因为Ng2Highcharts现在是一个对象,而不是一个函数?tx
import*作为Ng2Highcharts
意味着您已经导入了一个对象,它包含了在
'highcharts/modules/map'
文件中导出的所有内容。因此,如果该文件包含名为
Ng2Highcharts
的函数,
Ng2Highcharts.Ng2Highcharts(highcharts)
你可以从“highcharts/modules/map”导入{Ng2Highcharts}函数
,并像使用“highcharts/modules/map”中的
Ng2Highcharts(highcharts){Ng2Highcharts}一样使用它同样有效,但不幸的是,当我使用它时,它给出了一个奇怪的错误:原始异常:TypeError:x[(中间值)(中间值)(中间值)]不是一个构造器原始的STACKTRACE:我不知道为什么,因为如果我改回commonjs,它可以正常工作…奇怪!对不起,我不知道
Ng2Highcharts
如何工作,所以我在使用上帮不了多少忙。但是你看到了吗?
window['Highmaps'] = require('highcharts/modules/map')(Highcharts);
import Ng2Highcharts from 'highcharts/modules/map';
Ng2Highcharts(Highcharts)