reactjs - i18next-xhr-backend 获取数据失败 React-Native

Question

我对“i18next-xhr-backend”有疑问

我尝试从服务器上的 JSON 文件中获取数据。

首先是我的代码:

JSON 文件:

“德”:

[
    {
 "hello": "Hallo Welt!",
  "lang": "Deutsch"
    }
]

“zh”:

[
    {
 "hello": "Hallo World!",
  "lang": "English"
    }
]

i18next:

import i18next from 'i18next';
import XHR from 'i18next-xhr-backend';
import LocalStorageBackend from 'i18next-localstorage-backend';

i18next
.use(XHR)
.init({
    lng:["de","en"],
    ns: "translation",
    fallbackLng: "de",
    keySeparator: false,
    
    backend:{
        backends:[
            LocalStorageBackend,
            XHR
        ],
         // the same File
        //loadPath: 'http://www.localhost:80/test2/{{lng}}/{{ns}}.json'  
        loadPath: 'http://192.168.178.21:80/test2/{{lng}}/{{ns}}.json'
    }
},(err, t) => {
    if (err) return console.error(err)
    console.log(t("hello"))
})
export default i18next;

应用程序.js:

import React, { Component } from 'react';
import {View, Text } from 'react-native';
import I18n from './i18n';
import { withNamespaces } from 'react-i18next'


export default class App extends Component {

  render(){
    return(
      <View>
        <Text>
        {I18n.t("hello")}
        </Text>
      </View>
    )
  }
}

首先，我认为我的 JSON 文件已损坏，但当我编写 Fetch Funktion 时，它工作得很好。现在我已经阅读了一些关于“i18next-async-storage-backend”的内容 <-- 在这里我得到一个错误“[”failed parsing/locales/de/translation.json to json“]”但是我不使用本地翻译!？

我需要一些技巧来解决这个问题。我的意思是从 Web 服务器或本地服务器获取翻译不会那么繁重。

非常感谢

Answer 1

搜索范围关键:“loadUrl”，值:函数(t，e){var n = this;

添加 if (t !== undefined)t = t.replace("../../../app-assets/", "../../../[你的文件夹]/app-assets/");