title: No component factory found for... Opening a Modal
body: <p>I have one page that should be loaded inside a modal, this page is child from other page (I think it does not matter, but...) the point is that when I try to create a modal I receive the error below</p>
  
  <pre><code>ERROR Error: Uncaught (in promise): Error: No component factory found for TarefasDetalhePage. Did you add it to @NgModule.entryComponents?
  </code></pre>
  
  <p>But, when I go to my AppModule to put that page into the entryComponents I got this error:</p>
  
  <pre><code>Component TarefasDetalhePage is not part of any NgModule or the module has not been imported into your module.
  </code></pre>
  
  <p>The call of the modal is on my HomePage.ts:</p>
  
  <pre><code>  async showModal(id){
      const modal = await this.modalController.create({
       component: TarefasDetalhePage,
       componentProps:{
         custom_id: id
       }
      });
      modal.present();
    }
  </code></pre>
  
  <p>Here's the markup:</p>
  
  <pre><code>    &lt;ion-list *ngIf="interna === true" &gt;
      &lt;ion-item (click)="showModal(tarefa.id)"   routerDirection="forward" detail *ngFor="let tarefa of tarefasInternas" class="in-list item ion-focusable item-label hydrated"&gt;
        &lt;ion-label&gt;
          &lt;h2&gt;#{{tarefa.numero}} - {{tarefa.descricao}}&lt;/h2&gt;
          &lt;h3&gt;{{tarefa.inicio}} - {{tarefa.fim}}&lt;/h3&gt;
          &lt;p&gt;{{tarefa.comentarios}}&lt;/p&gt;
        &lt;/ion-label&gt;
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  </code></pre>
  
  <p>That's my Structure:</p>
  
  <p><a href="https://i.stack.imgur.com/U7bXF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/U7bXF.png" alt="enter image description here"></a></p>
  
  <p>Repo on github:
  <a href="https://github.com/tiagosilveiraa/PManager" rel="noreferrer">https://github.com/tiagosilveiraa/PManager</a></p>