在 Angular 11 中更改 i18n 文件夹的位置答案

【问题标题】：Change location of i18n folder in Angular 11在 Angular 11 中更改 i18n 文件夹的位置
【发布时间】：2021-11-15 14:15:17
【问题描述】：

我正在使用 ngx-translator 来支持多语言。我在下面路径的子文件夹中有 i18n 文件夹

apps\globaltalentsystem\gts\src\app

所以我得到错误 404 文件未找到 en.json 和 hi.json

我的文件处于正确的级别。

我的 app.module.ts 有以下代码：

...  
 TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (translateLoaderFactory),
        deps: [HttpClient]
      }
    }),  
...
export function translateLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, '/globaltalentsystem/gts/src/i18n/', '.json');
}

【问题讨论】：

标签： angular angular10 ngx-translate

【解决方案1】：

我认为你必须把你的 i18n 文件夹放到你的 assets 文件夹中

assets/i18n

【讨论】：

不，我有单独的子项目文件夹，所以我不能有公共资产文件夹。
试试这个，因为我认为您定义的路线不正确，只需添加一个“DOT(.)”export function translateLoaderFactory(httpClient: HttpClient) { return new TranslateHttpLoader(httpClient, './globaltalentsystem/gts/src/i18n/', '.json'); }