Angular 2 - 剑道 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 包，并且包含的​​样式是在全局级别注册的，没有样式封装。