title: Angular7: Template parse errors: The pipe 'titlecase' / 'slice' could not be found
body: <p>I'm migrating my app from <strong>Angular 6</strong> to <strong>Angular 7</strong> </p>
  
  <p>After running ng update , and updating my packages , things goes well until i run:</p>
  
  <pre><code>ng build --configuration=production 
  </code></pre>
  
  <p>it seems that it can't find some angular well known pipes : <strong>titlecase</strong> / <strong>slice</strong> :</p>
  
  <pre><code>ERROR in : Template parse errors:
  The pipe 'titlecase' could not be found ("span class="nav-item border-left text-truncate px-2 text-left"&gt;
      &lt;span class="text-capitalize"&gt;{{[ERROR -&gt;]username | titlecase }}&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span class="text-"): /media/khalidvm/SecondDisk/SOCLE_RCD/Front/Frontend_v3_crmd/src/app/Features/CRMD/navbar-crmd/navbar-crmd-components/navbar-crmd/navbar-crmd.component.html@14:36
  The pipe 'slice' could not be found ("ecase }}&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;{{[ERROR -&gt;]userlastname | slice:0:1}} &lt;/span&gt;
      &lt;span class="text-capitalize"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span&gt;-&lt;/span&gt;"): /media/khalidvm/SecondDisk/SOCLE_RCD/Front/Frontend_v3_crmd/src/app/Features/CRMD/navbar-crmd/navbar-crmd-components/navbar-crmd/navbar-crmd.component.html@16:36
  </code></pre>
  
  <p>My component looks like this :</p>
  
  <pre><code>&lt;div id="HeaderNav" class="nav bg-white mx-auto py-1 d-flex  flex-nowrap"&gt;
    &lt;span class="nav-item dropdown mx-1"&gt;
      &lt;a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"&gt;
        &lt;span class="icon svg-avatar"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
        &lt;a class="dropdown-item disabled"&gt;Profil Conseiller&lt;/a&gt;
        &lt;a class="dropdown-item" *ngIf="srcdPiloteViewAccess" (click)="goSrcdView()"&gt;Devenir Pilote&lt;/a&gt;
        &lt;a class="dropdown-item" *ngIf="administrationViewAccess" (click)="goAdministrationView()"&gt;Devenir Administrateur&lt;/a&gt;
        &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
        &lt;a class="dropdown-item" (click)="logout()"&gt;Se déconnecter&lt;/a&gt;
      &lt;/ul&gt;
    &lt;/span&gt;
    &lt;span class="nav-item border-left text-truncate px-2 text-left"&gt;
      &lt;span class="text-capitalize"&gt;{{username | titlecase }}&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;{{userlastname | slice:0:1}} &lt;/span&gt;
      &lt;span class="text-capitalize"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span&gt;-&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span class="text-capitalize"&gt;boutique orange {{shopName}}&lt;/span&gt;
    &lt;/span&gt;
    &lt;span class="nav-item text-truncate text-center en-attente"&gt;
      &lt;!--&lt;span class="nav-item"&gt;4 personnes en attente&lt;/span&gt;--&gt;
    &lt;/span&gt;
    &lt;span class="espace-vide"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thefore i ve verified my module <strong>NgModule</strong> , and i'm well importing the <strong>CommonModule</strong></p>
  
  <p>But when when building the app , they are missing </p>
  
  <p><strong>Suggestions ?</strong></p>