You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用next-connect触发TypeScript调用错误,求排查解决

解决next-connect在Next.js中出现的TypeScript调用错误

这个错误的核心原因是next-connect v2.x及以上版本更改了导出方式,你当前使用的默认导入方式只适用于v1.x版本,而新版本中nextConnect是命名导出的成员。

修复步骤:

  • 修改导入语句,将默认导入改为命名导入:
import { nextConnect } from "next-connect";
import { NextApiRequest, NextApiResponse } from "next";

const apiRoute = nextConnect({
  onError(error: { message: any }, req: NextApiRequest, res: NextApiResponse) {
    res
      .status(501)
      .json({ error: `Sorry something Happened! ${error.message}` });
  },
  onNoMatch(req: NextApiRequest, res: NextApiResponse) {
    res.status(405).json({ error: `Method '${req.method}' Not Allowed` });
  }
});
  • 确认你的next-connect版本,若版本低于v2.x,建议升级到最新稳定版以获得更好的类型支持和功能。

后续实现文件上传功能时,你还需要引入文件处理中间件(如multer)来解析上传的文件,但当前的TypeScript错误仅需通过调整导入方式即可解决。

内容的提问来源于stack exchange,提问作者LadyBug

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 23:09:53