Angular2 HighCharts 找不到模块 highcharts-3d答案

【问题标题】：Angular2 HighCharts Can't Find Module highcharts-3dAngular2 HighCharts 找不到模块 highcharts-3d
【发布时间】：2016-05-27 13:35:29
【问题描述】：

我正在尝试将 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',
  };

对我做错了什么有任何想法吗？

【问题讨论】：

标签： javascript highcharts angular

【解决方案1】：

你应该使用这行代码：

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

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

最好的问候

【讨论】：

虽然这段代码 sn-p 可以解决问题，但including an explanation 确实有助于提高帖子的质量。请记住，您正在为将来的读者回答问题，而这些人可能不知道您的代码建议的原因。也请尽量不要用解释性的 cmets 挤满你的代码，这会降低代码和解释的可读性！