私は、アプリケーションを多言語にするために vue-i18n プラグインを実装したい小さな vue アプリケーションを持っています。 vue cli から vue-i18n プラグインをインストールしました。ロケールが 2 つあり、すべてが期待どおりに動作します。ロケールを .env ファイルから目的の言語に手動で変更すると、アプリケーションの言語も変更されます。ただし、フロントエンドのボタンを使用して変更しようとすると、常に変更できません。

これは私の i18n.js ファイルの内容です:

これは .env ファイルにあります:

これは私が見たチュートリアルのコードです。this.$i18n.locale を介してロケールにアクセスしますが、これは私にとっては機能しません。これが私が実装しようとした方法です:

ボタンをクリックすると発生するエラー:

[Vue 警告]: ネイティブ イベント ハンドラーの実行中に処理されないエラーが発生しました

Uncaught TypeError: 未定義のプロパティを設定できません (設定 'ロケール')

i18n.locale や this.$root.$i18n.locale などの他のソリューションを試しましたが、どちらも機能しないようです。

さらに、ロケール フォルダー内の JSON ファイルからメッセージの

{{ t("message") }}

[intlify] 「nl」ロケール メッセージ内に「message」キーが見つかりませんでした。

[intlify] "message" キーを "en" ロケールで変換するフォールバック

[intlify] 「en」ロケール メッセージに「Message」キーが見つかりませんでした。

[intlify] "nl" ロケールを使用した "message" キーの翻訳へのフォールバック