在来自 comments 的一些建议之后更新了代码(仍然收到相同的错误):
const bcrypt = require("bcrypt")
const User = require("../../model/userModel")
export async function POST(req: NextRequest) {
await dbConnect()
const res = await req.json()
await bcrypt.hash(res.passwd, 10)
.then(async (hashedPassword: any) => {
//create a new user instance and collect the data
const user = new User({
firstname: res.firstname,
lastname: res.lastname,
company: res.company,
phone: res.phone,
email: res.email,
password: hashedPassword,
})
await user.save()
//return succes if the new user is added to the database
.then((result: string) => {
return NextResponse.json({message: "User created successfully "},{status : 201})
})
.catch((err: string) => {
console.log("error" + err)
return NextResponse.json({message: "Error creating user :"},{status : 500})
})
})
.catch((err: string) => {
console.log("error" + err)
return NextResponse.json({message: "Password was not hashed successfully "},{status : 500})
})
}
我找不到为什么会出现这个错误:
TypeError: Cannot read properties of undefined (reading 'headers')
at eval (webpack-internal:///(rsc)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:265:61) at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
我也看到过类似的错误，但这个问题的答案是返回NextResponse.json().我已经在这样做了，但我仍然收到错误.
这是我调用POST请求的地方:
async function createUser(ev: any){
ev.preventDefault()
const data = {firstname, lastname, company, phone, email, passwd}
await axios.post("./api/register", data)
}
//Email validation
function isValidEmail(email: string) {
return /\S+@\S+\.\S+/.test(email);
}
return (
<>
<main className="flex justify-center items-center w-screen min-h-screen bg-[url('../public/bg-login.jpg')] bg-no-repeat bg-cover">
<div className="flex flex-col w-1/2 h-3/4 rounded-lg shadow-2xl shadow-white m-5">
<form onSubmit={createUser} className="w-full">
<div className="grid sm:grid-cols-1 md:grid-cols-2 gap-10 mb-5 mr-5 ml-5 mt-5">
<div>
<label htmlFor="firstname" className="text-white block mb-2 text-sm font-medium dark:text-white">*First name</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="text"
onChange={ (e) => {
setFirstname(e.target.value)
}}
placeholder="First name"
value={firstname}
id="firstname"
required/>
</div>
<div>
<label htmlFor="lastname" className="text-white block mb-2 text-sm font-medium dark:text-white">*Last name</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="text"
onChange={ (e) => {
setLastname(e.target.value)
}}
placeholder="Last name"
value={lastname}
id="lastname"
required/>
</div>
<div>
<label htmlFor="company" className="text-white block mb-2 text-sm font-medium dark:text-white">*Company</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="text"
onChange={ (e) => {
setCompany(e.target.value)
}}
placeholder="Zincometal"
value={company}
id="company"
required/>
</div>
<div>
<label htmlFor="phone" className="text-white block mb-2 text-sm font-medium dark:text-white">*Phone number</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="number"
onChange={ (e) =>
{
setPhone(e.target.valueAsNumber)
}}
placeholder="xx-xxx-xxx-xx"
value={phone}
id="phone"
required/>
</div>
<div className="md:col-span-2 sm:col-span-1">
<label htmlFor="email" className="text-white block mb-2 text-sm font-medium dark:text-white">*Email Address</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="text"
onChange={ (e) =>
{
if (!isValidEmail(e.target.value)){
setError(true)
}else{
setError(false)
}
setEmail(e.target.value)
}}
placeholder="example@hotmail.com"
value={email}
id="email"
required/>
</div>
<div className="md:col-span-2 sm:col-span-1">
<label htmlFor="passwd" className="text-white block mb-2 text-sm font-medium dark:text-white">*Password</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="password"
onChange={ (e) =>
{
setPasswd(e.target.value)
}}
placeholder="*******"
value={passwd}
id="passwd"
required/>
</div>
<div className="md:col-span-2 sm:col-span-1">
<label htmlFor="confPasswd" className="text-white block mb-2 text-sm font-medium dark:text-white">*Confirm Password</label>
<input
className="outline-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:border-blue-500 p-2 w-full"
type="password"
onChange={ (e) =>
{
setConfPasswd(e.target.value)
}}
placeholder="*******"
value={confPasswd}
id="confPasswd"
required/>
</div>
<div className="flex items-start">
<div className="flex items-center h-6">
<input
className="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300"
type="checkbox"
value=''
id="remember"/>
</div>
<label htmlFor="remember" className="ml-2 text-sm font-medium text-white">
I agree with the <a href="#" className="text-blue-600 hover:underline dark:text-blue-500">terms and conditions</a>.
</label>
<Link href="./" className="mr-5 mt-5 font-medium text-white text-right hover:underline decoration-solid">
Return to login <--
</Link>
{error && <div>{error}</div>}
</div>
</div>
<button type="submit" className="ml-5 mb-5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Submit</button>
</form>
</div>
</main>
</>
)
}