解析json文件时出现HTTP故障Angular 5 ngx-translate

rryofs0p 于 2023-10-21 发布在 Angular

关注(0)|答案(2)|浏览(158)

我想使用ngx translate模块，但突然它开始给出这个错误：

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

我不知道为什么。所有的库都包括在内，函数正常工作了1-2行，但是当我在json文件中添加更多的数据时**（en.json和ru.json）**当我按下翻译时，它会给出这个错误，当然它不会翻译。

ru.json

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

json

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

page.ts

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

错误 * HTTP：解析http：//localhost：8100/assets/i18 n/en.json时失败

JSON

来源：https://stackoverflow.com/questions/51754009/http-failure-during-parsing-for-json-file-angular-5-ngx-translate

2条答案

按热度按时间

2nbm6dog1#

使用此代码为HttpLoaderFactory：

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

在你的angular.json文件夹中添加i18n：

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

赞(0）回复(0）举报 2023-10-21

cgh8pdjw2#

export function HttpLoaderFactory(http: HttpClient, baseHref: string) {
  if (baseHref === null && typeof window !== 'undefined') {
    baseHref = window.location.origin;
  }
  return new TranslateHttpLoader(http, `${baseHref}/assets/i18n/`, '.json');
}

对我很有效

赞(0）回复(0）举报 2023-10-21

我来回答

解析json文件时出现HTTP故障Angular 5 ngx-translate

2条答案

相关问题

热门标签

最新问答