0

エラー画面

Next.jsを新たに立ち上げ(6月20日時点で最新のバージョン、app router使用)、Auth.jsはbeta版をインストールしました。beta版については、公式サイトにてバージョン4からbeta版となったときに破壊的変更が行われたために、特段の理由がない場合はbeta版を推奨していたためです。
そこから、Next.js、Auth.jsの公式サイトに従い、トップページの真ん中にGoogleサインインのボタンを配置するだけのページを作成しました。

イメージ説明
中心に”Signin with Google”とあるだけのページ
この”Signin with Google”ボタンを押したときに、1番上のエラーが面が表示されます。

google cloudでは、以下のように設定を行いました。
(一部ID等を隠しております。)
イメージ説明

ディレクトリ構成やファイルは以下のように、公式ページそのままなはずです。
イメージ説明
イメージ説明
イメージ説明
イメージ説明
イメージ説明
イメージ説明
イメージ説明
google chrome, microsoft edge, firefoxの3つのブラウザーで、拡張機能を切った状態でも発生しました。

2

1 件の回答 1

0

.env.localの値について、{}を外すと正常に動作しました。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。