Nextjs 13-Fehler: Versuch, die Eigenschaft von undefiniert zu lesen (liest „Header“)

Question

Ich habe ein Problem mit den Headern meines in Nextjs erstellten Post-API-Endpunkts.

Mein Endpunkt dient der Formularübermittlung und ich leite die Eingabe an meine E-Mail weiter. Mein aktueller Code kann die E-Mail senden und ich erhalte sie problemlos per E-Mail, aber jedes Mal, wenn ich eine Anfrage stelle, wird ein Fehler im Header zurückgegeben.

import { NextResponse, NextRequest } from "next/server"
Nodemailer aus „Nodemailer“ importieren

Asynchrone Funktion exportieren POST(Anfrage: NextRequest, Antwort: NextResponse) {
  const formData = Warten auf request.formData()

  const emailValue = formData.get("email")
  const messageValue = formData.get("message")
  const numberValue = formData.get("phone_number")

  if (!messageValue || !numberValue || !emailValue) {
    return NextResponse.json({ Nachricht: "Bitte füllen Sie alle erforderlichen Felder aus!" }, { Status: 400 })
  }

  const transporter = nodemailer.createTransport({
    Dienst: "Google Mail",
    Authentifizierung: {
      Benutzer: process.env.EMAIL,
      pass:process.env.PASSWORD,
    },
    TLS: {
      RejectUnauthorized: falsch,
    },
  })

  const mailOptions = {
    von: „${emailValue}“,
    an: `${process.env.EMAIL}`,
    Betreff: „Nachricht von der Kontaktseite ${numberValue} - ${emailValue}“,
    Text: „${messageValue}“,
  }

  transporter.sendMail(mailOptions, (err, info) => {
    if (irre) {
      return NextResponse.json({ message: `${err}` }, { status: 500 })
    }
    return NextResponse.json({ Nachricht: "E-Mail erfolgreich gesendet!" }, { Status: 200 })
  })
}

Ich bin mir nicht sicher, was ich falsch gemacht habe. Ich habe in einem Thread darüber gelesen, dass NextResponse in der Return-Anweisung ausgeführt werden soll, aber selbst das hat nicht funktioniert.

Die Fehlermeldung, die ich erhalte:

 - Fehler TypeError: Eigenschaft von undefiniert kann nicht gelesen werden (lesen von 'headers')
    bei eval (webpack-internal:///(sc_server)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:261:61)
    bei process.processTicksAndRejections (node:internal/process/task_queues:95:5)

Answer 1

我会说问题与这个问题有关。

你最后两个return NextResponse...调用在transporter.sendMail()回调内部，所以它们不会从POST()函数中返回。

利用Nodemailer的返回promise的能力，而不是使用回调函数...

try {
  await transporter.sendMail(mailOptions);
  return NextResponse.json(
    { message: "邮件发送成功！" },
    { status: 200 },
  );
} catch (err) {
  return NextResponse.json({ message: err.toString() }, { status: 500 });
}

---

另一种方法是将Nodemailer的回调转换为promise，尽管在我看来这样做不够简洁

return new Promise((resolve) => {
  transporter.sendMail(mailOptions, (err) => {
    const status = err ? 500 : 200;
    const message = err?.toString() ?? "邮件发送成功！";
    resolve(NextResponse.json({ message }, { status }));
  });
});