問題タブ [next-i18next]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
374 参照

next.js - ページ/コンポーネント外の next-i18next 翻訳にアクセスする

Typescript を使用して Next.JS アプリケーションを構築しており、検証メッセージをローカライズするために、ページ/コンポーネントの外部にある next-i18next 翻訳にアクセスしたいと考えていますが、すべての検証エンジンは別のユーティリティ クラスで定義されています。あらゆる種類の静的アクセサーについて next-i18next を確認しましたが、運がありません。助言がありますか?

0 投票する
1 に答える
65 参照

typescript - Next _app.tsx で複数のデフォルトをエクスポートする

私はこのトリッキーな状況に陥り、「Next _app ファイルに 2 つのデフォルトを (typescript を使用して) エクスポートする必要があります。

アプリで使用しているRedux用にエクスポートし始めました

しかし今、私は appWithTranslation をインポートしている next-i18next を使用してアプリを翻訳する必要があり、それをエクスポートする必要もあります

どういうわけか2つのエクスポートデフォルトを持つことは可能ですか?

0 投票する
0 に答える
105 参照

reactjs - next-i18next は、ビルド中に設定された間違ったリソースを使用します

サブパス ルーティングを使用する 4 つのロケールを持つアプリがあります。開発中は問題なく動作しますが、ビルド中に間違ったロケール セットが使用されます。その結果、誤った翻訳でページが読み込まれ、正しい翻訳に変わってちらつきが発生します。これは、ローカルと本番環境の両方で発生します (私は vercel を使用しています)。また、アクティブなサブパスに依存しません (example.com、example.com/fr などでランダムなページ バージョンを取得します)。

じぶんのnext-i18next.config.js

getStaticPropssrc/pages/index.tsx

それから自分src/pages/index.tsx自身

src/components/Navbar

さて、次のビルドを行うと、次の順序でメッセージが表示されます。

この問題に数日間苦労していますが、この問題の原因となるものは何も見つかりません。私は何を間違っていますか?

0 投票する
2 に答える
3148 参照

jestjs - next-i18next useTranslation を使用した Jest テスト

ライブラリのテスト...いつも楽しいです。next-i18nextNextJS プロジェクト内で使用しています。useTranslation名前空間でフックを使用しています。

テストを実行すると、次の警告が表示されます。

console.warn react-i18next:: initReactI18next を使用して i18next インスタンスを渡す必要があります


react-i18next テスト例からセットアップを試みましたが、成功しませんでした。私もこの提案を試しました。

useTranslation成功せずに嘲笑しようとするだけでなく。

この警告を回避するためのより簡単な解決策はありますか? テストは FWIW に合格します...

最後に、名前空間の代わりに、翻訳されたプレーンテキストを結果にする方法はありますaccount:account:organization.invite.copyLinkか?