Проблема с переносом примера Angular2 из Plnkr в реальное приложение

Question

Я пытаюсь использовать HighStocks в приложении Angular2, скопировав этот пример plnkr... 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>

В "реальном" приложении ng2, где / как бы вы добавили два нижеприведенных пакета / скрипта. Я думаю, что это моя проблема...

  '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