プログラミング

Uncaught (in promise) TypeError: Cannot read property '_embedded' of undefinedを解決した話

2019年10月27日

あなた
コンソールにUncaught (in promise) TypeError: Cannot read property '_embedded' of undefinedというエラーが出てきてます。。
僕も苦しんだよ!解決方法を紹介していくね
てんし君

 

こんな方におすすめ

  • Uncaught (in promise) TypeError: Cannot read property '_embedded' of undefinedエラーで困っている方
  • axiosを使おうとしている方

結論:プロパティの階層をしっかり把握できていないがためのミス

今回のミスはデータのある「プロパティ(ファイル)」の階層を把握していなかったためにおきました。

順を追って説明します。

_embeddedはどこにあるのか

今回エラーが起きていた段階でのコードはこれ。

この時のエラーはこれ。

問題は「_embedded」がどこにあるかということ。

今回僕はなぜか取り出したいデータが

body>_embedded>message>データ

という構造で入っていると思っていました。

しかし何をしても_embedded が見つからないエラーが出てくる。。

 

困り果てた末にTwitterで呟いてみました。

すると、resから一つ一つデータを取り出すログを出してみることを提案してくださった方がいました。

(res→res.body→res.body._embedded→res.body._embedded.message)

な、なるほど、、

実際にログを複数出してみたのが以下のコードです。

上記コードで実行してみた結果のコンソール画面がこれ!

てんし君
え、_embeddedってdataのなかに入ってね??

ということで

bodyを全てdataに書き換えました。

その結果、、、うまくいきました!

思い込みってよくないですね。何か不具合が会ったときにログを出す大切さを知りました。

プログラミングスクールに関する情報

2021年最新プログラミングスクール おすすめランキング 【WEBエンジニアになりたい方向け】と書かれた画像
【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

  あなたプログラミングスクールに通いたいけどたくさんありすぎてどこがいいのかわかりません。   最近はエンジニアブームということもありプログラミングスクールが増えました。 一方でたくさんありすぎてど ...

続きを見る

フリーランス
無料あり:フリーランスを目指せるプログラミングスクールランキング【体験をもとに徹底分析しました】

  あなたフリーランスエンジニアを目指すことができるプログラミングスクールってありますか?   最近では、高年収や働きやすさの魅力からフリーランスエンジニアを目指す方も増えてきまし ...

続きを見る

返金保証ありのプログラミングスクールランキング【エンジニアが選びました】と表示されたパソコンの画面
返金保証ありのプログラミングスクールランキング【エンジニアが選びました】

  あなた返金保証がついているオススメのプログラミングスクールってありますか?   結論から話すと、返金保証つきのプログラミングスクールランキングは次の通りです。 1位:テックキャンプ  【転職成功率 ...

続きを見る

WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】と書かれた画像
WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】

  あなたWEB系の自社開発企業に就職したいです。 オススメのスクールを教えて下さい。   エンジニアを目指すにあたってまず最初に自社開発企業への転職を希望する方がほとんどです。 ...

続きを見る

プログラミンングスクールに無料で通うならココ【現役エンジニアおすすめ】と書かれた画像
プログラミンングスクールに無料で通うならココ【現役エンジニアおすすめ】

  あなたプログラミングスクールに通いたいけどどのスクールも何十万もして通えません。コスパよくエンジニアになれるスクールはありますか?   今回はコスパが良いどころか完全に無料でプ ...

続きを見る

-プログラミング
-,

© 2021 エンジニアてんし君ブログ