Angular2 HighCharts 無法找到模塊 highcharts-3d

Question

我正在嘗試將 3d highcharts 模塊集成到我的應用程序中，其他聊天工作正常，但是當我添加 3d 模塊時，我在這一行出現編譯錯誤：

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

編譯器說：

找不到模塊 Highcharts3d

這是我的系統 js 配置：

我只是按照這個頁面配置： 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);
});

此致