フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
Django + NextJS + Stripeサブスク有料会員サイト構築チュートリアル1(アカウント認証編)に関する質問(アカウントログイン、新規登録でエラー)
Next.js
Django
zu-san
2023/05/04 07:47

発生している問題

アカウント登録画面で情報を入力後送信を押すと、

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of Register.

というエラーが出てしまいます。同じくLoginフォームでも送信するとこのエラーCheck the render method of Login.がでてしまいます。

自分で試したこと

今のところimportがかぶっているところは見当たりませんでした。Githubコードに全て貼り替えましたがエラーは変わりませんでした。

バージョンや互換性の問題のようで、インストールしたパッケージ等を講座のバージョンと合わせたとところエラーは出ず、ログインできましたが、アカウント登録はできません。

GET http://localhost:3000/api/account/refresh 401 (Unauthorized)

POST http://localhost:3000/api/account/register 400 (Bad Request)

上記エラーが表示されます。ご教授お願いいたします。

回答 4件
login
回答するにはログインが必要です
zu-san
約3年前

ありがとうございます。
アカウント登録した時、挙動が2種類あります。

1、ユーザーが登録される場合はバックエンドでは
"POST /api/auth/register/ HTTP/1.1" 201 56

2、ユーザーが登録されない場合はバックエンド
"POST /api/auth/register/ HTTP/1.1" 400 66

と表示されます。

ユーザー登録された後は、ログイン画面に遷移するか、同時にログインも認証することはできますでしょうか?

また、常に下記エラーが表示されてしまう原因がわかりません?

GET http://localhost:3000/api/account/refresh 401 (Unauthorized)

よろしくお願いします。

1
はる@講師
約3年前

Postmanでアカウント登録した場合はうまくいきますでしょうか?

まずバックエンドとフロントエンドどちらに原因があるか確かめる必要があります。

アカウント登録のaction内でアカウント登録に成功したら、ログイン関数をコールすると、自動的にログインできるようになります。

1
はる@講師
約3年前

アカウント登録したときに、バックエンドでどのようなエラーメッセージが表示されますでしょうか?

zu-san
約3年前

Postmanでアカウント登録した場合は問題なく登録されました。

自動的にログインする方法にも取り組んでみます。ありがとうございました。