Angular 2的高库存进口问题

此问题是我之前找到的以前的一个跟进，here。高图表需要两个不同的图表本身，然后是股票版本的图表。我似乎想知道如何引用导入的库存部分。它是纯粹的js导入。Angular 2的高库存进口问题

我已经为highstock导入运行了npm install命令，我可以在我的@types文件夹中看到它。然后，我通过

import * as Highcharts from 'highcharts/highstock';

带来进口到我的组件然而，当我跑我的代码我仍然得到这个错误

EXCEPTION: Error in ./ExploreComponent class ExploreComponent - inline template:4:25 caused by: StockChart is unknown chart type.

这是引用我在这里的HTML

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

什么我在这里做错了吗？我没有正确导入第三方js？

来源

2017-01-24 Bean0341

'StockChart'是一个构造函数，而不是一系列类型。你应该检查你的angular2指令（或任何其他负责任的代码）是如何构建它正在工作的图表，以找出如何设置构造函数。可能有没有包含在问题中的选项有问题？一次现场演示将会非常适合测试。 –

嗨，你有没有找到这个问题的解决方案？我有同样的问题。 –

还没有，我要去关注@KacperMadej，看看今天是否引领我。 – Bean0341

我有这个相同的问题。对我来说，解决办法是下面的行添加到我的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

来源

2017-01-26 17:43:36

我没有webpack.common.js。我只是使用开箱角cli项目 – Bean0341

我看，也许你应该考虑使用webpack？这是最大限度地减少你的应用程序。你可以只使用我的例子从上面的github？ –

Angular 2的高库存进口问题

回答

相关问题