Kendo UI Angular 6.0.7 Chartjs Tooltip throwing Uncaught Error: StaticInjectorError(AppModule)[AnimationService -> AnimationBuilder]答案

【问题标题】：KendoUI Angular 6.0.7 Charts Tooltip throwing Uncaught Error: StaticInjectorError(AppModule)[AnimationService -> AnimationBuilder]Kendo UI Angular 6.0.7 Chartjs Tooltip throwing Uncaught Error: StaticInjectorError(AppModule)[AnimationService -> AnimationBuilder]
【发布时间】：2018-07-17 21:59:28
【问题描述】：

我尝试在我们的 Angular 项目中使用 KendoUI 图表套件上的工具提示，但每当我打开工具提示时，它都会引发以下令人讨厌的错误：

Uncaught Error: StaticInjectorError(AppModule)[AnimationService -> AnimationBuilder]: 
StaticInjectorError(Platform: core)[AnimationService -> AnimationBuilder]: 
NullInjectorError: No provider for AnimationBuilder!
at 
NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:1034)
at resolveToken (core.js:1273)
at tryResolveToken (core.js:1218)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1113)
at resolveToken (core.js:1273)
at tryResolveToken (core.js:1218)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1113)
at resolveNgModuleDep (core.js:8168)
at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:8856)
at resolveDep

以下是我在 html 中设置图表的方式：

 <kendo-chart class="chartStyling">
    <kendo-chart-axis-defaults [crosshair]="crosshair"></kendo-chart-axis-defaults>
    <kendo-chart-title text="Market Value Last Month"></kendo-chart-title>


    <kendo-chart-series>
        <kendo-chart-series-item type="area" color="#337AB7" [data]="seriesData" field="SellValue" categoryField="Date">
        </kendo-chart-series-item>
    </kendo-chart-series>

    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item>
            <kendo-chart-value-axis-item-crosshair>
                <kendo-chart-value-axis-item-crosshair-tooltip>
                </kendo-chart-value-axis-item-crosshair-tooltip>
            </kendo-chart-value-axis-item-crosshair>
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
    <kendo-chart-category-axis>
        <kendo-chart-category-axis-item [baseUnit]="baseUnit" [maxDivisions]="10">
            <kendo-chart-category-axis-item-crosshair>
                <kendo-chart-category-axis-item-crosshair-tooltip>
                </kendo-chart-category-axis-item-crosshair-tooltip>
            </kendo-chart-category-axis-item-crosshair>
        </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>
</kendo-chart>

【问题讨论】：

标签： angular kendo-ui kendo-ui-angular2

【解决方案1】：

好像你还没有导入 BrowserAnimationsModule：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
...

@NgModule({
   imports:      [BrowserModule, BrowserAnimationsModule, ...]
})
export class AppModule {
}

【讨论】：