更新后NG2-Charts错误无法将数据集绑定到Angular2中的基本图表

Question

在将OSX更新为Sierra和angular-cli之后，我的Angular 2应用程序坏了。 我现在收到有关ng2-charts错误

我尝试还原，甚至尝试进一步回滚到其他版本的Node，NPM和Angular-cli，但没有任何方法可以清除错误并允许应用渲染。

这些是我遇到的错误，它们引用了我试图将数据集绑定到基本图表的每一行。

捆绑

 <base-chart class="chart" 
[datasets]="lineChart1Data" [labels]="lineChart1Labels" [options]="lineChart1Options" [colors]="lineChart1Colours" [legend]="lineChart1Legend" [chartType]="lineChart1Type" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)"
     style="height:70px;"></base-chart>

错误

zone.js:344Unhandled Promise rejection: Template parse errors:
Can't bind to 'datasets' since it isn't a known property of 'base-chart'.
1. If 'base-chart' is an Angular component and it has 'datasets' input, then verify that it is part of this module.
2. If 'base-chart' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message.
 ("iv>
                <div class="chart-wrapper p-x-1">
                    <base-chart class="chart" [ERROR ->][datasets]="lineChart1Data" [labels]="lineChart1Labels" [options]="lineChart1Options" [colors]="lineC"): DashboardComponent@19:46

我已经在这个应用程序上工作了好几个星期了，没有任何问题，现在这已经整日困扰着我，有什么想法吗？

Answer 1

1.4.0中发生了重大更改，您需要使用<canvas baseChart...></canvas>而不是<base-chart...></base-chart> 。

如本git问题所述

在此处查看重大更改

突破性变化

图表：-基本图表组件成为baseChart指令，因此您需要转换

<base-chart...></base-chart>

至

<canvas baseChart...></canvas>

并且很可能包裹

 <div style='display:block'>...</div>