带有 ngx-translate 的 Angular + Electron

Question

我有一个 Angular 应用程序，现在还需要它的桌面版本。我设法让它在 electron 中运行应用程序，一切都按预期工作。

但是本地化不起作用。在 Electron 应用程序中，我只看到指向本地化文件中实际翻译的本地化 key 。

我主要是这样翻译Angular中的文字:

{{ "localization-key" | translate }}

并且作为 json 文件的翻译基于 assets/i18n/

有人知道如何进行本地化吗？

Answer 1

我也遇到过这个问题。我在 offical documentation of ngx-translate. 中找到了解决方案

If you want to configure a custom TranslateLoader while using AoT compilation, Ionic or Electron, you must use an exported function instead of an inline function.

export function createTranslateLoader(http: HttpClient) {
    return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

@NgModule({
    imports: [
        BrowserModule,
        HttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [HttpClient]
            }
        })
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

如果您为 loader.useFactory 使用默认的 TranslateHttpLoader，您会看到此错误: