title: ng build with `--prod` flag fails with `Error occurs in the template of component`
body: <p>when i run the <code>ng build</code> it works fine. in case of <code>ng build --prod</code> throws following errors mostly. what is the issue how to fix them?</p>
  
  <p>here is the errors:</p>
  
  <pre><code>app/pf-services/cms/components/translation-status/translation-status.component.ts:14:18
      14     templateUrl: './translation-status.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Error occurs in the template of component TranslationStatusComponent.
  app/pf-services/cms/components/translation-status/translation-status.component.html:114:1 - error TS8001: 'shell-modals-popup' is not a valid HTML element.
  
  114 &lt;shell-modals-popup [popConfig]='popConfig' (reset)="reset()"&gt;&lt;/shell-modals-popup&gt;
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  
    app/pf-services/cms/components/translation-status/translation-status.component.ts:14:18
      14     templateUrl: './translation-status.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Error occurs in the template of component TranslationStatusComponent.
  app/pf-services/cms/components/translation-status/translation-status.component.html:114:21 - error TS8002: 'popConfig' is not a valid property of &lt;shell-modals-popup&gt;.
  
  114 &lt;shell-modals-popup [popConfig]='popConfig' (reset)="reset()"&gt;&lt;/shell-modals-popup&gt;
                          ~~~~~~~~~~~~~~~~~~~~~~~
  
    app/pf-services/cms/components/translation-status/translation-status.component.ts:14:18
      14     templateUrl: './translation-status.component.html',
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Error occurs in the template of component TranslationStatusComponent.
  app/pf-services/cms/containers/shell-control-type/shell-control-type.component.html:1:1 - error TS8001: 'control-type' is not a valid HTML element.
  
    1 &lt;control-type
      ~~~~~~~~~~~~~
    2     [sourceData]="data | async"
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ...
    7     (miscActions)="miscActions($event)"
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    8 &gt;&lt;/control-type&gt;
      ~~~~~~~~~~~~~~~~
  
    app/pf-services/cms/containers/shell-control-type/shell-control-type.component.ts:11:16
      11   templateUrl: './shell-control-type.component.html',
                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Error occurs in the template of component ShellControlTypeComponent.
  app/pf-services/cms/containers/shell-control-type/shell-control-type.component.html:2:5 - error TS8002: 'sourceData' is not a valid property of &lt;control-type&gt;.
  </code></pre>