Getting "No component factory" error while opening a Material Dialog in lazy loaded Component

[nithindan]

Hi,
Im getting the following error when i try to open Material Dialog in ConfirmBoxComponent.

No component factory found for ConfirmBoxComponent. Did you add it to @NgModule.entryComponents?

I have already added ConfirmBoxComponent in entryComponents list

    declarations: [
      ConfirmBoxComponent
    ],
    exports: [ConfirmBoxComponent],
    entryComponents: [
      ConfirmBoxComponent
    ],

The module that contain ConfirmBoxComponent is loaded via Lazy loading technique.

I'm not sure this is bug or not.

I'm using latest version of Angular and Material

   "@angular/core": "^5.0.0",
  "@angular/material": "^5.0.0-rc0"

[donroyco]

Have you checked #1491?

[nithindan]

Ya . But its not working for me .
I have added ConfirmBoxComponent in entry components of my lazy loaded Module. But i'm still getting that error.

here is my code ( Not complete code)
https://gist.github.com/nithindan/f1a027e4b8589c59af9ec763b0ffded8

[jelbourn]

Can you please share your entire NgModule setup?

[nithindan]

Hi, check now

https://gist.github.com/nithindan/f1a027e4b8589c59af9ec763b0ffded8

[nithindan]

@jelbourn Is there any way to fix this ?

[jelbourn]

You need to import MatDialogModule in ConsumerModule in order for it to know about the entryComponents there

[nithindan]

thanks a lot @jelbourn . it worked <3

[ruant]

Is this still the solution for this issue? Or has something else changed as of late?
I can't seam to get this to work, this is basically the exact same setup I got, but only getting:
No component factory found for LoginDialogComponent

[travtarr]

In regards to Angular v6+: in case anyone is using the MatDialog service inside another injectable service and is using the { providedIn: 'root' } option for that service, you'll need to instead provide that service in the providers array of the module where your dialog components are declared.

[Max101]

@travtarr thanks so much for the answer.... I had that exact same issue.
Plus it also only started working after i killed off ng serve

In short: If you the service building your component is only provided in root, be sure to also provide it in the lazy loaded module!

Why does that need to be like this though?

[jingignoli]

@travtarr "you'll need to instead provide that service in the providers array of the module where your dialog components are declared." this will declare a new instance of the service so it's not possible to have a singleton in the app to launch dialog ?

[travtarr]

@jingignoli I didn't clarify in my original post, but you'll want to remove the providedIn: 'root' when you provide it in a module.

[jingignoli]

@travtarr Thanks for your answer but the service will be scoped to the module.
I need a singleton in my app to control my modals.