ngx 翻譯在 iOS 設備上不起作用

Question

我有一個 ionic 3 項目，我想使用 ngx translate。 它適用於瀏覽器和 iOS 模擬器，但不適用於真實設備（在 iPhone SE、iOS 11.1 上測試）。

app.module.ts

import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { HttpClient, HttpClientModule } from '@angular/common/http';

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

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

我的文件在這里：

源代碼/資產/i18n/DE.json

源代碼/資產/i18n/EN.json

我是這樣翻譯的：

<ion-title translate>
    {{ 'LOGIN.HEADER' | translate }}
</ion-title>

有人知道為什么它不會在設備上翻譯嗎？

Answer 1

可能有點晚了，但對於那些仍然遇到此問題的人，請執行以下任一解決方案：

• 通過運行npm install @ngx-translate/core和npm install @ngx-translate/http-loader更新到最新版本
• 或按照 sebaferreras 的https://github.com/ngx-translate/core/issues/642#issuecomment-344266618的 CustomLoader 解決方案
• 或按照此帖子Ionic 3 Response with status: 0 for URL: null by CodeChanger 上的解決方案