Component cannot be used as an entry component

Question

import { SpinnerComponent, ExternalLibrary } from 'external.library'
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, ExternalLibrary
  ],
  bootstrap: [AppComponent]
  , entryComponents: [SpinnerComponent]
})

Above is my code to specify entryComponent to a module. also this SpinnerComponent is from an external module which is ExternalModule.

Webpack giving error:

ERROR in SpinnerComponent cannot be used as an entry component.

Is belonging to the same module a requirement for a component to appear in entryComponents property list?

As far as I can go through the official definitions there is no such pre requisite specified for a component before appearing in entryComponent property.

Answer 1

I was having the same issue. What fixed it for me was adding the component to the entryComponents of a module in my external library.

In your case that would mean updating the ExternalLibrary NgModule to include SpinnerComponent as an entry component instead of the app that's using the library.

@NgModule({
    ...
    entryComponents: [SpinnerComponent]
    ...
})
export class ExternalLibrary { }