{“code”:”BadRequest”,”message”:”The server did not understand the operation that was requested.”,”type”:”client”}のエラー

7月 4, 2022next.js

動作環境

next.js
node v16.13.0
amplify
NextAuth.js

トラブルの状況

amplifyとNest.jsで作成中のプロジェクトに、NextAuth.jsを入れてログイン画面のカスタマイズをして、localhost:3000からNextAuth.jsのsignIn()関数でログインを実行したら、タイトル通りのエラーが表示された。

原因

結局まだよくわからない。
ただ、以下のサイトを参考にして一から作り直したら成功した。
NextAuth.js v4 + Amazon Cognitoを試してみる

考察

・amplifyを使いたかったので、amplify add authのコマンドを実行して、ログインの画面を用意していたが、その上にNextAuth.jsを追加したのが悪かったのかと思う。
・amplifyのログイン関係の作成をamplify add authでやるべきか、NextAuth.jsでやるべきかという課題ができた。
・まだ調査中なので、進捗があったら記載しようと思う。