APIキーなどの設定が読み込めない
Error: Missing required environment variable: OPENAI_API_KEY TypeError: Cannot read properties of undefined (reading 'NEXT_PUBLIC_SUPABASE_URL')
ひとことで言うと
「APIキーやURLなどの、秘密の設定(環境変数)が見つかりません」という意味です。
よくある原因
.envや.env.localのファイルをまだ作っていない- ファイルの名前や、中の変数名がコードと違う
- 設定を書いたあと、サーバーを起動し直していない
- 公開サービスの画面に、環境変数を登録していない
自分で確かめること
- プロジェクトの一番上のフォルダに
.env.localなどがあるか見る - 変数名が一文字も違わないか見る(
NEXT_PUBLIC_などの頭の文字も) - 公開先で出るなら、そのサービスの「Environment Variables」の画面を見る
たいていは、こうすると直ります
.env.local に 名前=値 の形で書き、サーバーを起動し直します。公開先では、管理画面の環境変数にも同じものを登録します。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 Error: Missing required environment variable: OPENAI_API_KEY TypeError: Cannot read properties of undefined (reading 'NEXT_PUBLIC_SUPABASE_URL') 【やったこと】 (ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した) 【参考】 このエラーは「APIキーなどの設定が読み込めない」というもので、よくある原因は次のとおりです。 ・`.env` や `.env.local` のファイルをまだ作っていない ・ファイルの名前や、中の変数名がコードと違う ・設定を書いたあと、サーバーを起動し直していない ・公開サービスの画面に、環境変数を登録していない どれに当てはまるかを確かめる方法も教えてください。