Angular 6 中的 Kendo ui 控件出错答案

【问题标题】：Error in Kendo ui controls with Angular 6Angular 6 中的 Kendo ui 控件出错
【发布时间】：2018-10-12 05:04:17
【问题描述】：

我在 Angular 6 中创建了项目。在该项目中，我首先使用 npm install 成功安装了 @progress/kendo-angular-dateinputs，然后项目正在成功构建。

运行ng-serve后出现如下错误：

node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(2,37): error TS2307: Cannot find module '@progress/kendo-angular-l10n'.

node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(3,29): error TS2307: Cannot find module '@progress/kendo-angular-intl'.

当我安装了上述控件时，我的项目现在没有构建。出现以下错误：

ERROR in node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/calendar/models/scrollable.interface.d.ts(2,10): 
error 
TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular-dateinputs/dist/es2015/daterange/date- 
range.service.d.ts(1,10): error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/BehaviorSubject"' has no exported member 
'BehaviorSubject'.
node_modules/@progress/kendo-angular-                 
dateinputs/dist/es2015/virtualization/models/scrollable.interface.d.ts
(2,10): error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/virtualization/services/scroller.service.d.ts(1,10): 
error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/virtualization/services/scroller.service.d.ts(2,10): 
error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observer"' has no exported member 
'Observer'.
node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/virtualization/virtualization.component.d.ts(4,10): 
error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- 
l10n/dist/es2015/localization.service.d.ts(3,10): error TS2305: Module 
'"D:/Nimit/Angular 6 Samples/Project/node_modules/rxjs/Subject"' has no 
exported member 'Subject'.
node_modules/@progress/kendo-angular- 
l10n/dist/es2015/message.service.d.ts(1,10): error TS2305: Module 
'"D:/Nimit/Angular 6 Samples/Project/node_modules/rxjs/Subject"' has no 
exported member 'Subject'.
node_modules/rxjs/BehaviorSubject.d.ts(1,15): error TS2307: Cannot find 
module 'rxjs-compat/BehaviorSubject'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 
'rxjs-compat/Observable'.  
node_modules/rxjs/Observer.d.ts(1,15): error TS2307: Cannot find module 
'rxjs-compat/Observer'.
node_modules/rxjs/Subject.d.ts(1,15): error TS2307: Cannot find module 
'rxjs-compat/Subject'.

我现在该怎么办？

【问题讨论】：

安装那些模块？
@pixelbits 我已经使用 npm install --save 安装了“@progress/kendo-angular-l10n”和“@progress/kendo-angular-intl”

标签： angular kendo-ui angular6

【解决方案1】：

根据“kendo UI angular”的文档，您仍然需要安装名为 rxjs-compat 的软件包。

如果你使用的是 Angular 6，那么你可以直接运行以下命令。

ng add @progress/kendo-angular-dateinputs

此命令将为日期输入添加所有必需的包。

另一种方式：

如果您想要手动设置，也可以运行以下命令来安装软件包。

安装 dateinputs, intl 和 l10n

npm install --save @progress/kendo-angular-dateinputs @progress/kendo-angular-intl @progress/kendo-angular-l10n

同时安装rxjs-compat

对于 Angular v6 及更高版本： npm install --save rxjs-compat@6

对于低版本： npm install --save rxjs@^5.5

此设置应该可以正常工作。

【讨论】：