在为 angular 应用程序刷新浏览器时，i18n 文件夹问题

Question

我通过 npm run watch 运行应用程序，它在单独的端口启动节点服务器，在不同的端口启动 angular 应用程序。 assets 文件夹也在那里，其中包含用于语言实现的 i18n 文件夹，并且位于 src 文件夹内。 我在 i18n 文件夹中有 en.json 和 fr.json 文件，我通过 ngx-translate 模块使用它们。 当我刷新浏览器时，语言没有正确呈现。 我使用 setdefaultlang 作为 en 但刷新 en.json 的键而不是键的值。但是当我导航时它呈现正常。 可能是什么问题或我应该怎么做？

Answer 1

您的问题是 json 文件尚未到达您的应用程序。

在此处检查 git 问题。 有同样的问题。 然后 json 出现在您的应用程序中，因此可以进行转换。

重定向的修复可以在这里找到

基本上是这样的：

providers: [
  {
    provide: APP_INITIALIZER,
    useFactory: appInitializerFactory,
    deps: [TranslateService, Injector],
    multi: true
  }
]

并在同一文件中定义工厂 function appInitializerFactory 上层：

import { Injector, APP_INITIALIZER } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { LOCATION_INITIALIZED } from '@angular/common';

export function appInitializerFactory(translate: TranslateService, injector: Injector) {
  return () => new Promise<any>((resolve: any) => {
    const locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
    locationInitialized.then(() => {
      const langToSet = 'en-GB'
      translate.setDefaultLang('en-US');
      translate.use(langToSet).subscribe(() => {
        console.info(`Successfully initialized '${langToSet}' language.'`);
      }, err => {
        console.error(`Problem with '${langToSet}' language initialization.'`);
      }, () => {
        resolve(null);
      });
    });
  });
}