Angular 2 - Kendo UI 日历未正确呈现

Question

我正在使用 Kendo-UI calendar for angular 2

但是我遇到了一个问题，我的日历无法正确呈现。我没有收到任何错误，这是我的日历的样子：

它创建了一个非常大的 div（20.000 像素）并且只在正确的位置显示工作日。当我一直向下滚动时，它会呈现月份和日期等，如下所示：

这是我用来实现日历的代码：

vendor.ts

import "@progress/kendo-angular-dateinputs";

shared.module.ts

import { CalendarModule } from "@progress/kendo-angular-dateinputs";
...
exports:[CalendarModule]

app.module.ts

import { SharedModule } from "./shared/shared.module";
...
imports: [SharedModule2]

mycomponent.component.html

<div *ngIf="showFromCalendar === true">
    <kendo-calendar></kendo-calendar>
</div>

我好像遗漏了一些文件？我是 angular 2 的新手，我不确定如何调试它，因为我没有收到任何错误，所以我希望你们能提供帮助。

提前致谢！

Answer 1

似乎日历 CSS 没有加载。确保您使用的是最新版本的 @progress/kendo-theme-default 包，并且所包含的样式在没有样式封装的情况下在全局级别注册。