2017-03-02 1 views
1

C'est ma première fois avec i18next et je n'ai aucune idée de comment le faire fonctionner. (Il semble que le documentation est incomplet pour moi) Ceci est mon code HTML avec i18nextObtenir le traducteur i18next Clé manquante

<html> 
    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/4.0.0/i18next.min.js" ></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-i18next/1.1.0/jquery-i18next.min.js"></script> 
    <script src="/i18nextXHRBackend.min.js"></script> 
    </head> 

    <body> 
     <div id="test"> 
     <a data-i18n="Hello"></a> 
     <div data-i18n="World"></div> 
     </div> 

     <script> 
     i18next 
      .init({ 
       "debug": true, 
       "lng": "en", 
       "ns": [ 
        "translation" 
       ], 
       "fallbackLng": false, 
       "keySeparator": false, 
       "nsSeparator": false, 
       resources: { 
        "backend": { 
        "loadPath": "locales/{{lng}}/{{ns}}.json" 
        } 
       } 
       }, function(err, t) { 
       jqueryI18next.init(i18next, $); 
       $('#test').localize(); 
      }); 
     </script> 
    </body> 
</html> 

Et voici mon JSON:

{ "Bonjour": "Bonjour en anglais", " monde »: "Le monde en anglais"}

affichage Rien dans ma page, dans la console que j'ai ce

i18next::translator: missingKey en translation Hello 

i18next::translator: missingKey en translation World 

Est-ce que je rate quelque chose?

Répondre

0

Si vous êtes absent c'est un signe pour les traductions dans votre fichier json où pas chargé du tout.

Il devrait y avoir des avertissements sur backend pas en mesure de charger ceux dans la console.

assurez-vous: locales/en/translation.json est accessible - ou fixer le chemin en conséquence

+0

Oui, il fixe TNX –