Vue CLI - TypeError: 未定義のプロパティを読み取ることができません (「1」を読み取ります)

Question

私は VueJS の初心者なので、助けていただければ幸いです。

OpenWeatherMap API に基づいて天気予報アプリケーションを作成しようとしています。

コンセプトは次のとおりです:

ホームページ上の場所を入力し、検索ボタンをクリックします。 (私のコードでは、コンポーネント
1. Search.vue です)
別のページにリダイレクトされ、結果 (現在の天気と今後 6 日間の天気予報) が表示されます。 (コンポーネント
2. Weather.vue)

私は 2 つの一貫したフェッチ呼び出しを使用して関数を作成しました。まず、

クエリの入力を取得し、Current Weather Data APIから必要なデータを返します。その後、この関数は One を取得するために 2 回目に実行され、最初に取得された latitude longitude に基づいて API を呼び出します。

すべてが正常に動作し、正常に表示されますが、コンソールで

Uncaught (in Promise) TypeError: Cannot readproperties of unknown (reading '1') が発生する理由がわかりません。

このエラーを修正する方法を知っている人はいますか?

My

Search.vue(ホームページ)コンポーネント: リーリー

My

Weather.vue (気象結果表示ページ) コンポーネント: リーリー

私の

router/index.js ファイル: ああああ

Answer 1

私の推測 (コードとエラーを考慮して) に基づくと、API から受け取るオブジェクトに問題がある可能性があります。

エラー メッセージは、定義されていない配列内の特定のインデックスから何かを読み取ろうとしていることを示しています。

コード内でこのエラーを引き起こす可能性がある唯一の状況は、読み取り元のテンプレートによるものです。例:

リーリー

どれであるか正確にはわかりませんが、作業しているオブジェクトの形状を再確認してみてください。