title: Angular $localize is not a function
body: <p>I've got a strange error trying to use <code>$localize</code> in my ts files. I am getting this error</p>
  <pre><code>Error: Uncaught (in promise): TypeError: _angular_localize_init__WEBPACK_IMPORTED_MODULE_3__.$localize is not a function
  TypeError: _angular_localize_init__WEBPACK_IMPORTED_MODULE_3__.$localize is not a function
  </code></pre>
  <p>I have localisation working in my template files and there are no errors calling <code>ng build</code>. The error is at runtime when the component containing the <code>$localize</code> method is called. My ts code is</p>
  <pre><code>  private handleServerErrors(error: HttpErrorResponse): void {
      // Handle errors
      this.complete = true;
      switch (error.status) {
  
        ...
  
        case 500:
        default:
          // Could not update user
          this.errorMessage = $localize`:@@CalmBreathing_Desc_Short:Cobblers`;
          break;
      }
      console.error(error);
    }
  </code></pre>
  <p>The polyfills.ts file has this at the top</p>
  <pre><code>/***************************************************************************************************
   * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
   */
  import '@angular/localize/init';
  </code></pre>
  <p>This is Angular 11.2.8 with nodejs 12. Any ideas?</p>