小编Evi*_*unk的帖子

我正在将 React 与 react-i18next 一起使用

我的 index.tsx 文件包含一些组件，我可以在那里使用翻译功能

import React, { Suspense } from 'react'
import ReactDOM from 'react-dom';
import * as utils from './Utils';
import './i18n';
import { useTranslation, withTranslation, Trans } from 'react-i18next';

...
  const { t, i18n } = useTranslation();
  //I can use the translate function here
  t("title");
  //call a util function
  utils.helperFunction(...);
...

这里一切正常。我现在在一个附加文件中创建了一些辅助函数

...
import { useTranslation, withTranslation, Trans } from 'react-i18next';
...
export function helperFunction(props: any){
   //do stuff

   //now I need some …

我有跟随html并希望用javascript或jquery包装所有li的div(它没有定义有多少li)

<div class='example1'>
  <div class='example2'>
  <h1>Test</h1>
  <div class='example3'>
  <li></li>
  <li></li>
  ...
  <li></li>
  <li></li> 
</div>

结果应该是这样的

<div class='example1'>
  <div class='example2'>
  <h1>Test</h1>
  <div class='example3'>
  <div class='lis'>
    <li></li>
    <li></li>
    ...
    <li></li>
    <li></li>
  </div>    
</div>

我无法添加任何其他现有的html :(

你能帮我么？

我正在使用 react 应用程序react-i18next并加载翻译i18next-xhr-backend

i18n
  .use(Backend) 
  .use(initReactI18next) // passes i18n down to react-i18next
  .init({
    lng: "de",
    backend: {
      loadPath: '/static/locales/{{lng}}/{{ns}}.json'
    }        
  });

如果我在本地运行我的应用程序 http://localhost:3000/

并且翻译文件也很好地加载（src 位于public/statuc/locales/）http://localhost:3000/static/locales/de/translation.json

我现在面临的问题是，在生产中，应用程序不是从 root 提供的，而是通过子文件夹提供构建的文件。因此，我改变了我的packages.json并添加了homepage

{
  "name": "myapp",
  "version": "0.1.0",
  "homepage": "/static/app/",
  ...
}

构建应用程序并将其部署到 prod 后，它仍然可以正确加载，但找不到翻译文件。

http://production.tld/static/app/index.html

反应应用程序文件正确加载http://production.tld/static/app/static/js/main *.js

但翻译文件仍由http://production.tld/static/locales/de/translation.json获取，该文件不再可用（而是http://production.tld/static/app/static/locales/de/ translation.json是正确的）

我可以通过更改 i18n 配置来修复它

 backend: {
     loadPath: '/static/app/static(locales/{{lng}}/{{ns}}.json'
 }  

然后它在生产中工作，但不再在本地工作：-/

我不确定如何避免这种情况？