javascript - Angular2 HighCharts 找不到模块 highcharts-3d

Question

我正在尝试将 3d highcharts 模块集成到我的应用程序中，其他聊天工作正常，但是当我添加 3d 模块时，我在这一行收到编译错误:

import Highcharts3d from 'highcharts/highcharts-3d';

编译器说:

The module Highcharts3d canno't be found

这是我的系统 js comfig:

我只是按照这个页面配置: https://www.npmjs.com/package/angular2-highcharts

  var  map = {
    'app':                        'app', // 'dist',
    'rxjs':                       'https://npmcdn.com/rxjs@5.0.0-beta.6',
    'angular2-in-memory-web-api': 'https://npmcdn.com/angular2-in-memory-web-api', // get latest,
    'angular2-highcharts':        'https://cdn.rawgit.com/gevgeny/angular2-highcharts/0.1.0/dist', 
    'highcharts/highstock.src':   'https://cdn.rawgit.com/highcharts/highcharts-dist/v4.2.1/highstock.js',
    'highcharts/highcharts-3d':   'https://cdn.rawgit.com/highcharts/highcharts-dist/v4.2.1/highcharts-3d.src.js',
  };

你知道我做错了什么吗？

Answer 1

安装该代码后，您应该使用以下代码行:

import { CHART_DIRECTIVES, Highcharts } from 'angular2-highcharts';

System.import('highcharts/highcharts-3d').then((Highcharts3d) => {
      Highcharts3d(Highcharts);
});

致以诚挚的问候