問題タブ [react-intl]

react-intlYahoo! から頭を動かそうとしています。i18n プロジェクトで、奇妙な問題が発生しています。私の目標は、基本文字列 (英語) をコンポーネントの外部にある何らかの JSON ファイルに保存して、開発者以外が編集できるようにすることです。

importコンポーネントで必要な部分だけを使用することは論理的に思えますがdefineMessages、これを行うと関数によってエラーが発生します。

編集：問題は、babel-plugin-react-intlプラグインとデフォルト文字列の「エクスポート」にあるようです。アプリは正常に動作しますが、npm run buildコマンドを実行するとエラーが発生します。

.babelrc:

webpack-config:

パッケージ.json:

動作するコード:

失敗するコード:

オブジェクトの代わりに参照を直接渡そうとすると、次のエラー メッセージが表示されます。

この問題のテスト リポジトリがあります (リンク)

ローカライズファイルの問題だと思います。私はreact-intlを使用しています。

開発版はうまくいきます。

問題は：

• プロダクション ビルドを作成する
• 本番サーバーを実行する
• アプリを開くhttp://localhost:3001/activities
• ページの更新 (正常に動作)
• ID 1へのリンクをクリックします（正常に動作します）
• ページを更新します ( 1.bundle.jsファイルが正しく送信されないため、css も機能しません)

1.bundle.jsとは? ローカライズファイルだと思います。（いくつかの情報）。どうすれば修正できますか？

私はこの質問を理解するために1週間を費やしました。現在、gatsbyを使用して静的Webアプリを生成しています。私はそれをやろうとしました

それは一種の作品ですが、それでも完全な解決策ではありません。強力な React-Intl について考えていますが、よくわかりません。静的なアプリ/ウェブページは可能ですか?

他の提案はありますか？

アプリケーションをローカライズするために Yahoo React-Intl を実装しています。これを行うには、次のように ROOT を Localizer でラップする必要があります。

「メッセージ」は、キーと値の変換マッピングを含む JSON オブジェクトです。

私の問題は、ユーザーが言語を変更できるように、これを動的にする必要があることです。アプリケーション状態内のメッセージ プロップに割り当てられたオブジェクトを変更するために、Action/Reducer コンボを作成しました。ただし、アクションとフィード メッセージを新しいオブジェクトとして呼び出すと、ページ全体が更新され、状態が初期値に戻ります。

Messages はデフォルトで null 変数であり、漢字の ID 値を含むオブジェクトが割り当てられます。デフォルトでオブジェクトを指定すると、翻訳が正しく表示されます。アプリケーションが更新され、目的の結果が得られないのは、アクションを介して更新した場合のみです。

アプリケーションが更新される原因は何ですか?

react-intl国際化のためにパッケージを使用しています。次に、パッケージは に依存していintl-messageformatます。私は両方のパッケージのドキュメントを検索してきましたが、分数である変数のメッセージを国際化できるかどうかについてまだ混乱しています。たとえば、ここで説明したように:

一部の言語では、「1. 小さじ2杯」でも「2 . 小さじ1杯」</p>

react-intl/を使用するときに分数を考慮する方法はありintl-messageformatますか? これまでのところ、ドキュメントで整数を使用した例しか見たことがありません。