Angular 9 $ локализация не работает с --configuration = de

Question

При использовании $ localize из "@ angular / localize /" с " ng serve --configuration = de " я получаю это:

Он отлично работает при запуске проекта с просто « ng serve ».

в app.component.ts

public product: TabDefinition = { name: $localize`Products`, route: "/products" };

в Polyfills.ts

import "@angular/localize/init";
import { loadTranslations } from "@angular/localize";

loadTranslations({
    "6707361102856436710": "Produkte",
  });

Answer 1

Что я сделал, так это сделал TranslationComponent, если вы укажете идентификатор в шаблоне и при вызове $localize он будет отображаться правильно

<p i18n="@@pending-changes">You have unsaved changes are you sure you want to navigate?</p>

return confirm($localize`:@@pending-changes:You have unsaved changes are you sure you want to navigate?`);

   <trans-unit id="pending-changes" datatype="html">
        <source>You have unsaved changes are you sure you want to navigate?</source>
        <target state="translated">Vous avez des modifications non enregistrées, êtes-vous sûr de vouloir naviguer?</target>
        <context-group purpose="location">
          <context context-type="sourcefile">src/app/shared/component/translations/translations.component.html</context>
          <context context-type="linenumber">1</context>
        </context-group>
      </trans-unit>

Приветствия

Answer 2

Вы добавили

import '@angular/localize/init'; 

в файл polyfills.ts?

Возможно, существует проблема с путем. Попробуйте это:

import '../node_modules/@angular/localize/init';