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

我试图通过复制这个plnkr示例在Angular2应用程序中使用HighStocks。。。

我正试图找出如何将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>

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

---

在哪里做这件事最好？

我找到了解决办法。我的解决方案是将以下几行添加到我的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"
      },

解析：{
别名：{
//注意：您应该设置'highcharts/highcharts.src.js'
//如果你不打算使用你的应用程序有什么类型的配置文件，那么？你使用的是Angular CLI吗？我使用的是一个基本的网页设置。我已经上传了一个示例到。正如你在mainViewer.component.html中看到的那样，类型属性导致了问题。但是，他们在plnkr示例中使用了该属性。我遗漏了什么？谢谢你的支持我们的帮助。github链接给出404错误。我已经在Thank Ben将项目读给github，这有助于我在浏览器中呈现图表，但在服务器端终端上它仍然生成错误“异常：StockChart是未知图表类型”。因此，服务器端呈现被取消。然后是“SSR中的错误，用于直接CSR”。我还没有尝试使用它进行服务器端渲染，因此我无法提供建议。如果您找到了解决方案，请将其添加到帖子中，因为其他人可能会觉得它很有用。抱歉，我无法提供更多帮助。祝您好运。
 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"
      },