前提
NextアプリをWindows10で作成しています。
環境変数「.env」の使い方が分かりません。
実現したいこと
何方かNextにて環境変数「.env」の使い方をご教授願います
試したこと
次の実験をしました。
[実験A]
1.NextアプリNextアプリのトップフォルダーに「.env」を置く
内容は「API_KEY=12345」とします。
2.page\index.jsにおいて次のように書きます
export default function Home({blog}) {
console.log("key=", process.env.API_KEY)
...
3.コンソールで「yarn dev」を実行すると、次の文字が出力される
key= undefined
[実験B]
1.[実験A]の1において、pageフォルダーに「.env」を置く
2.[実験A]の2と同じ
3.[実験A]の3と同じ
[実験C]
「.env」を「.env.local」に名前変更して、[実験A]と[実験B]を行う
[実験D]
ある記事でWindowsの場合、次のようにする、とあったのでコンソールでやってみた
1.「.env.local」は削除しておく
2.次を実行
npx cross-env API_KEY=12345
3.[実験A]の3と同じ
補足情報(FW/ツールのバージョンなど)
私の環境
OS:Windows10
コンソール:WindowsPowerShell
node -v:v16.14.0
Nextアプリ:npx create-next-app@latest で作成
回答1件
あなたの回答
tips
プレビュー