Question

我有一个离子3项目，我想使用ngx翻译。它适用于浏览器和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 { }

我的档案在这里：

的src /资产/ I18N / DE.json

的src /资产/ 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解决方案
或遵循CodeChanger在此帖子Ionic 3 Response with status: 0 for URL: null上的解决方案

ngx翻译不适用于iOS设备

1 个答案: