「...」でエクスポートされた HTTP メソッドはありません。各 HTTP メソッドの名前付きエクスポートをエクスポートする

Question

私は Google reCAPTCHA を使用して React.js/Next.js プロジェクトに取り組んでいます。フロントエンドは動作しているようですが (print ステートメントを設定しているため、それがわかっています)、バックエンドによってローカル ターミナルで次のエラーが表示されます:

エラー - 'srcappapirecaptcharoute.ts' にエクスポートされた HTTP メソッドがありません。各 HTTP メソッドの名前付きエクスポートをエクスポートします。

開発ツールでもエラーが発生しました:

'POST http://localhost:3000/api/recaptcha 405 (メソッドは許可されていません)'

これは他のエラーに関連していると思います。

これはコードです:

リーリー

関数の名前を変更し、const としてエクスポートし、名前付け時ではなくファイルの最後にエクスポートしてみました。

Answer 1

NextJS 13 App Router を使用している場合は、次のコードを使用してください:
ファイル: ./app/api/recaptcha/route.ts

リーリー

NextJs 13 Page Router を使用している場合は、次を使用します:
ファイル: ./pages/api/recaptcha.ts

リーリー

これで問題が解決するといいですね:)