Angular 6中的Kendo ui控件错误
我已经在Angular 6中创建了项目.在该项目中,首先我已经使用npm install
成功安装了@progress/kendo-angular-dateinputs
,然后项目正在成功构建.
I have created project in Angular 6. In that project at first i have successfully installed @progress/kendo-angular-dateinputs
using npm install
then project was building successfully.
运行ng-serve
后,发生以下错误:
After running ng-serve
, following error occurs:
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'.
当我安装以上控件时,我的项目现在无法构建.出现以下错误:
When i installed the above controls , my project is not building now. Following errors are coming:
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'.
我现在该怎么办?
根据"kendo UI angular"的文档,您仍然需要安装名为rxjs-compat
的软件包.
As per the docs of "kendo UI angular" you still need to install package called rxjs-compat
.
如果您使用的是角度6,那么您可以直接运行以下命令.
If you are using angular 6, Than you can directly run following command.
ng add @progress/kendo-angular-dateinputs
此命令将为日期输入添加所有必需的软件包.
This command will add all required packages for dateinputs.
另一种方式:
如果要手动设置,还可以运行以下命令来安装软件包.
You can also run following commands to install packages if you want manual setup.
安装日期输入,国际和 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
此设置应该可以正常工作.
This setup should be working fine.