json - 解析 json 文件 Angular 5 ngx-translate 期间的 Http 失败

Question

我想使用 ngx 翻译模块，但突然开始出现此错误:

解析 http://localhost:8100/assets/i18n/en.json 期间的 HTTP 失败

我不知道为什么。所有的库都包括在内，功能正常工作 1-2 行，但是当我在 json 文件 (en.json 和 ru.json) 中添加更多数据时，当我按下 for 时它会出现此错误翻译，当然它不翻译。

ru.json

{
"User Settings": "Настройки юзера",
"Language": "Язык",
"Englsh": "Английский", 
}

en.json

{
"User Settings": "User Settings",
"Language": "Language",
"Englsh": "Englsh", 
}

page.ts

{
translate.setDefaultLang("en");
//code
this.translate.use(lang); 
}

错误 HTTP:解析http://localhost:8100/assets/i18n/en.json时失败

Answer 1

将此代码用于 HttpLoaderFactory:

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

并且还在你的 angular.json 中添加 i18n 文件夹:

"assets": ["src/assets",
           "src/assets/i18n"
          ],