• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

381
Views
¿Por qué la devolución de NextResponse.next() arroja un TypeError en el middleware Next.js?

Estoy tratando de implementar middleware simple para rutas de autenticación en Next.js 12.1.6. Se supone que debe verificar los encabezados de autenticación, validar los tokens y proceder en consecuencia.

Mirando algunos ejemplos en línea, parece que debería devolver NextResponse.next() para continuar (como llamar a next() en Express) y new Response() si no queremos que se complete la solicitud. La devolución de una new Response() funciona bien, pero NextResponse.next() arroja TypeError: resolver is not a function

 // _middleware.ts import { NextFetchEvent, NextRequest, NextResponse } from "next/server" const authMiddleware = async (req: NextRequest, ev: NextFetchEvent) => { if (validated) { return NextResponse.next() } else { return new Response("Unauthorized") } } export default authMiddleware

NextResponse.rewrite() usando req.page.name pero usar una URL dinámica no funciona. NextResponse.redirect() crea un bucle infinito.

Parece que el problema está en mi configuración local, gracias a Mark por resolverlo.

Aquí hay algunos detalles más:

Pila de llamadas

 Call Stack Object.apiResolver file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/api-utils/node.js (185:15) runMicrotasks <anonymous> processTicksAndRejections node:internal/process/task_queues (96:5) async DevServer.runApi file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/next-server.js (395:9) async Object.fn file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/base-server.js (496:37) async Router.execute file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/router.js (226:36) async DevServer.run file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/base-server.js (606:29) async DevServer.run file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/dev/next-dev-server.js (450:20) async DevServer.handleRequest file:/Users/adk/Projects/myproject/nextjs/node_modules/next/dist/server/base-server.js (321:20)

Versión de Next.js: 12.1.6, Versión de nodo: 16.15.1

Estructura de archivos

 nextjs ├── package.json ├── next.config.js ├── tsconfig.json ├── pages │ ├── _app.tsx │ ├── api │ │ └── auth │ │ ├── _middleware.ts │ │ └── login.tsx │ └── index.tsx

Estoy confundido en cuanto a por qué NextResponse.next() no funciona para mí, y realmente agradecería ayuda con la implementación de next() . Gracias.

about 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error