Ionic ngx-translate 给我 assets/i18n/.json 404（未找到）

Question

在我的 Ionic 应用程序上，ngx-translate 在控制台上给我这条消息：

.... assets/i18n/.json 404 (Not Found)

关于 HttpErrorResponse 的另一个细节

所以我在 BROWSER 上的应用程序一直出现此错误，当我构建以在 phone 上使用时，它只会触发一条带有此错误的警告消息并关闭应用程序

我的设置： Android。 "cordova-plugin-crosswalk-webview": "^2.4.0" <- LITE "@ngx-translate/core": "^9.1.1", "@ngx-translate/http-loader": "^2.0.1", 离子 3

这是我的 app.module.ts

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

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

imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    HttpClientModule,
    TranslateModule.forRoot({
        loader: {
            provide: TranslateLoader,
            useFactory: HttpLoaderFactory,
            deps: [HttpClient]
        }
    })

我看到其他用户对

有疑问

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

将其更改为仅 Http 而不是 HttpClient，但对我没有用。 Typescript 告诉我 http 必须是 HttpClient 类型。

这是我的app.component.ts

import { TranslateService } from '@ngx-translate/core';
.
.
.
constructor(
    private translateService: TranslateService,
    public platform: Platform,
    public statusBar: StatusBar,
    public splashScreen: SplashScreen
  ) {


    this.initializeApp();

  }

initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();

      // this.setAppTranslation();
      this.translateService.addLangs(["en", "pt"]);
      this.translateService.setDefaultLang('en');
      this.translateService.use('en');

    });
  }

我已按照本教程将功能应用到我的应用程序： https://www.gajotres.net/ionic-2-internationalize-and-localize-your-app-with-angular-2/

谁能帮我至少理解一下？

我的 assets/i18n 文件夹有 2 个文件： en.json pt.json

Answer 1

我以前遇到过这个问题，试试这两个：

将你的加载程序更改为此（如@Mohsen 所说）：

return new TranslateHttpLoader(http, './assets/i18n/', '.json');

你的 useFactory 是这样的：

useFactory: (HttpLoaderFactory)

重要提示：确保您的资产文件夹位于此级别：

/src/assets/

Answer 2

搜索

        key: "loadUrl",
        value: function(t, e) {
            var n = this;

然后添加，

if (t !== 未定义) t = t.replace("../../../app-assets/", "../../../control/app-assets/");

Ionic ngx-translate 给我 assets/i18n/.json 404（未找到）

Ionic ngx-translate giving me assets/i18n/.json 404 (Not Found)

ionic-framework

ionic2