Problem with import timepicker to shared.module.ts about ngx-material-timepicker HOT 11 CLOSED

It occurs when you try to import Timepicker module to SharedModule ? What does it mean you try to "share" it ?

from ngx-material-timepicker.

It mean that I just want to put this module to SharedModule and use Timepicker in different module than app.module.ts

from ngx-material-timepicker.

Can you download you app to github and show me? Or just show me the way you use it please

from ngx-material-timepicker.

Unfortunately I can't upload app code anywhere, so I will try to explain it.

Important app dir structure:
-src
-app
app.module.ts (root app module)
-shared
shared.module.ts (external libraries modules)

shared.module.ts has array named EXTERNAL_LIBRARIES_MODULES which includes modules of external libraries and this array is passed to shared.module.ts @NgModule imports array.

and this shared.module.ts is imported in app.module.ts

If it is't clear and understandable enough let me know.

from ngx-material-timepicker.

Yes, it's clear enough. Which version of angular do you use?

from ngx-material-timepicker.

@angular/core 5.2.4 and @angular-cli 1.6.8

from ngx-material-timepicker.

Ok, i'll try to reproduce it by my own

from ngx-material-timepicker.

I found out the problem. That's because you try to export NgxMaterialTimepickerModule.forRoot()
forRoot() function returns ModuleWithProviders, but you need to export NgModule. So add NgxMaterialTimepickerModule.forRoot() to imports and NgxMaterialTimepickerModule to exports in SharedModule and it should work.

from ngx-material-timepicker.

I did like you said but now this error has occured:

BUT, I forgot to mention (I think) very important fact: Modules are lazy loaded.
I also forgot to mention about one module in app tree

-src
   -- app
   app.module.ts
   -- shared
   shared.module.ts
   -- user-management
   user-management.module.ts

and in user.management.module.ts i've got these imports

Ultimately, I want to use timepicker in user-management.module.ts

Sorry for mistakes. Hope you will have some time to help me again 🙂

from ngx-material-timepicker.

I guess I found the problem. I updated library to 1.1.2 update it and tell me

from ngx-material-timepicker.

It works! Thank you so much for help! 😃

from ngx-material-timepicker.