no exported member DialogsModule

[Chau]

From the Dialogs Overview page of KendoUI with Angular, the dialog package should contain DialogModule and WindowModule.

However, I got an error when trying to import DialogsModule:

ErrorTS2305(TS) Module '"C:/ProjectFiles/.../node_modules/@progress/kendo-angular-dialog/dist/es/main"' has no exported member 'DialogsModule'.Apps

The DialogModule is there but not the WindowModule, which is the component I want to use.

I just got the latest install with my local RxJS version 5.5.6:

npm install --save @progress/kendo-angular-dialog @progress/kendo-angular-buttons @progress/kendo-angular-l10n @angular/animations.

Is there another package I need to install? Thanks.

[Dimiter Topalov]

Hi Chau,

The Window component was introduced in the 2.0.0 version of the Dialogs package, but later updates and support for RxJS was introduced with versions 3.x:

https://www.telerik.com/kendo-angular-ui/components/dialogs/changelog/

Please make sure that you are using the latest versions of our packages (you might need to remove the package-lock.json file and the node_modules folder and run the respective NPM install commands again).

There is also a handy third-party NPM update tool available:

https://www.npmjs.com/package/npm-check-updates

npm install -g npm-check-updates
ncu -u -f /^@progress/

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Chau]

Hi Dimiter,

Thanks for helping me cleanup my local environment. The tool npm-check-updates is very helpful in specifying which installed version is behind.

I got the @progress/kendo-angular-dialog updated from 1.3.0 to 3.1.3, and could use the WindowModule in my application.

I noticed that the kendo-window is a non-modal dialog with a draggable property.  Do you know if the kendo-dialog has a similar property? 

Thanks!

[Dimiter Madjarov]

Hi Chau,


The Dialog is non-draggable by design. However you could do the opposite - manually add an overlay div element to the page (for modality) and use the Window component, which is draggable. Here is an example of this.

https://plnkr.co/edit/UNKLR6lefzucLmb4a7VZ?p=preview

I hope this information helps.

Regards,
Dimiter Madjarov
Progress Telerik

[Stefanos]

Hi Dimiter,

I have done your suggestion but i still get an error for @progress/kendo-angular-dialog.

Cant import it.I looked in my package-lock.json and i have all the other @/progress but only this one is missing.

Any idea?

Thank you in advance.

 

[Dimiter Madjarov]

Hello Stefanos,


Could you provide further details about the exact error? Are you importing the DialogsModule or the DialogModule (as the Window is not provided in the second one)?

I am looking forward to hearing from you.

Regards,
Dimiter Madjarov
Progress Telerik

[Stefanos]

Hello,thank you for the response.

I was trying to use Grid but the ng add @progress/kendo-angular-grid command does not get the Dialog dependence  .So i had to install it manually with npm i @progress/kendo-angular-dialog to solve the problem.

Regards,

Stefanos.

[Dimiter Madjarov]

Hello Stefanos,


Yes, you are correct. This is needed, because the Dialog is not a dependency of the Grid.

Regards,
Dimiter Madjarov
Progress Telerik