Ionic 7中ngx-translate加载翻译文件出现0 OK请求失败错误

该问题仅在构建应用后真机测试时出现，使用ionic serve启动开发服务器时完全正常。

我的app.module.ts代码如下：

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

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

@NgModule({
  declarations: [AppComponent, SideMenuComponent],
  imports: [
    BrowserModule,
    IonicStorageModule.forRoot(),
    HttpClientModule,
    AppRoutingModule,
    TranslateModule.forRoot({
      defaultLanguage: 'pt-BR',
      loader: {
          provide: TranslateLoader,
          useFactory: HttpLoaderFactory,
          deps: [HttpClient]
      }
    })
  ],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
})

环境信息 #

• Ionic: v7.1
• Angular: v16.0.0

已尝试的解决方案 #

我曾修改加载工厂，明确指定翻译文件的路径，但问题仍未解决，修改后的代码如下：

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

内容的提问来源于stack exchange，提问作者William Carneiro