Mientras hago una API en Next JS, donde paso tres parámetros a mi función API (req, res, next) aquí está el código:
import catchAsyncErrors from "../../../middleware/catchAsyncErrors.js"; import connectToMongo from "../../../middleware/db.js"; import isAuthenticatedUser from "../../../middleware/isAuthenticated"; import ErrorHandler from "../../../utils/errorHandler"; const handler = catchAsyncErrors(async (req, res, next) => { try { console.log(next); // Undefined if (req.method === "POST") { return next(new ErrorHandler("Not Allowed", 405)); // ^ Error } else { return res.status(500).send("INVALID REQUEST"); } } catch (error) { console.log(error); } }); export default connectToMongo(isAuthenticatedUser(handler));Aseguro que ErrorHandler funciona bien, pero cuando llamo a esta API me da el siguiente error:
TypeError: next is not a function at eval (webpack-internal:///(api)/./pages/api/auth/test.js:19:20) at eval (webpack-internal:///(api)/./middleware/catchAsyncErrors.js:3:25) at eval (webpack-internal:///(api)/./middleware/isAuthenticated.js:22:16) at processTicksAndRejections (node:internal/process/task_queues:96:5)En Express JS, pasamos el siguiente parámetro para llamar a la siguiente función o al controlador de errores, pero parece que no funciona con Next JS. Soy nuevo en este marco, así que necesito su ayuda en esto.
Así que descubrí que no podemos usar la función next() en el próximo JS como solíamos hacer en express JS. La siguiente función API de JS acepta solo dos parámetros (req, res) .
Para usar la función next() para llamar a otro middleware, consulte el siguiente ejemplo:
import middleware1 from './middleware/func1'; import middleware2 from './middleware/func2'; const handler = async(req, res)=>{ //Your Code here } export default middleware1(middleware2(handler));En las funciones de middleware:
software intermedio 1:
const middleware1 = (handler) => { return (req, res) =>{ //middleware function here return handler(req, res) } } export default middleware1;software intermedio 2:
const middleware2 = (handler) => { return (req, res) =>{ //middleware function here return handler(req, res) } } export default middleware2; Como puede ver, tanto el middleware toma el controlador en el parámetro como el controlador de retorno al final del código. Asegúrese de return handler(req, res) al final de la función como se indica en el código