【ReactNative】TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light'

Question

以下のエラーを解消したいです。
TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light')

エラー内容で調べましたが、パッとした答えがなく困っています。

■開発環境

 "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-elements": "^2.0.2",
    "react-native-gesture-handler": "^1.6.1",
    "react-native-reanimated": "^1.9.0",
    "react-native-screens": "^2.9.0",
    "react-native-vector-icons": "^6.6.0",
    "react-navigation": "^3.0.0"
  },

react-navigationが問題で、バージョンアップも試みましたが上手くいきませんでした。

■該当コード画像
※ // ---------で囲っているところがエラー発生箇所だと思われる。

何か解決方法があれば教えていただきたいです。

Answer 1

コードを掲載されていないので、詳しいことは言えませんが、

以下、お試しください

• エラーが出る画面の確認
• その画面でタイプミスがないかの確認（大文字小文字・定義していないものを呼び出そうとしている）
• エラーが出てこなかったところまで戻してみる

Comments

[退会済みユーザー]

アドバイスありがとうございます。

再度、エラーが出なかったところまで戻して見ましたところ、エラー発生させている該当コードがわかりました。しかし、どこが間違っているのかが良くわかりません。ハンズオンでテキスト通りに進めている中でのエラーです。コード詳細の画像を掲載しますので、何かアドバイスあれば教えていただきたいです。

[sunsunny-k]

・エラー発生させている該当コード　と　ハンズオンの資料をも比べてみてください

それでも解決しない場合は、
・エラー発生させている該当コードに関連する部分を見直してみてください

[sunsunny-k]

・バージョンアップされた後に開き直したりはしてみましたでしょうか？

・screeen名
　インポート時の名前の確認
　インポート元のファイルで設定しているものの名前の確認

・定義名とそれを呼び出す部分でズレがないか
　const での名前の確認
　呼び出している部分の名前の確認

[退会済みユーザー]

色々いじっていたら解消されました！エラーの原因は特定できませんでしたが。。おそらく定義名とそれを呼び出す部分のズレがあった気がします。
たくさんのアドバイスありがとうございました！

[sunsunny-k]

＞おそらく定義名とそれを呼び出す部分のズレがあった気がします。
この部分は間違えやすいので要確認です。解消されたのならよかったですが、今後は原因がはっきりわかると良いですね。

[sunsunny-k]

taizo-proさんが投稿している他の質問についても言えることなのですが、
解決された場合は解決済みに変更しましょう。他の方も見られる可能性があるので

[退会済みユーザー]

わかりました！ありがとうございました！