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

Question

我想使用ngx转换模块，但突然它开始出现此错误：

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

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

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"
          ],