将 Angular2 示例从 Plnkr 传输到实际应用程序的问题

Question

我正在尝试通过复制此 plnkr 示例在 Angular2 应用程序中使用 HighStocks... http://plnkr.co/edit/2xSewTZ9b213vA0ALmFq?p=preview

我正在尝试弄清楚如何将 highstock.js 拉入我的应用程序，因为我收到一条错误消息...

core.umd.js?e2a5:3004 EXCEPTION: Error in ./XXX class XXX- inline template:1:25 caused by: StockChart is unknown chart type.

在模板中的这一行代码...

<chart type="StockChart" [options]="options"></chart>

在 'real' ng2 应用程序 where/how 中，您会引入以下两个 packages/scripts。我认为这是我的问题...

  'angular2-highcharts':        'https://cdn.rawgit.com/gevgeny/angular2-highcharts/v0.3.0/dist', 
  'highcharts/highstock.src':   'https://cdn.rawgit.com/highcharts/highcharts-dist/v4.2.1/highstock.js'

在示例中，它们在 systemjs.config.js 文件中完成。我的 ng2 应用程序没有这样的文件。

最好的地方在哪里？

Answer 1

我找到了解决方案。我的解决方案是将以下行添加到我的 webpack.common.js 文件中...

 resolve: {
      alias: {
        // NOTE: You should set 'highcharts/highcharts.src.js'
        // if you are not going to use <chart type="StockChart"
        highcharts$: "highcharts/highstock.src.js"
      },

我在 GitHub 中更新了我的演示 https://github.com/bencameron00/Ng2HighStocks

将 Angular2 示例从 Plnkr 传输到实际应用程序的问题

Issue transferring Angular2 example from Plnkr to real application

highcharts

plnkr.co

angular