Angular $localize 不是函数

Question

我在尝试在我的 ts 文件中使用 $localize 时遇到一个奇怪的错误。我收到这个错误

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

我的模板文件中有本地化功能，调用 ng build 时没有错误。该错误是在运行时调用包含 $localize 方法的组件时发生的。我的 ts 代码是

  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);
  }

polyfills.ts 文件的顶部有这个

/***************************************************************************************************
 * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
 */
import '@angular/localize/init';

这是 Angular 11.2.8 with nodejs 12。有什么想法吗？

Answer 1

所以这是 WebStorm 试图提供帮助。它已将以下行添加到我的 ts 文件的顶部

import { $localize } from '@angular/localize/init';

导致它不起作用

Angular $localize 不是函数

Angular $localize is not a function

angular

internationalization

angular-i18n