时间戳

首页 > 解决方案 > “ServerResponse”类型不存在属性“status”（TS2339）

reactjs - “ServerResponse”类型不存在属性“status”（TS2339）

问题描述

我尝试创建一个界面，安装反应类型，唯一可行的方法是当我将代码放入 JavaScript 但在 TS 项目中时，它给了我错误：

“ServerResponse”类型不存在属性“status”（TS2339）

这是代码：

import multer from 'multer';
import nc from "next-connect";


const upload = multer({
  storage: multer.diskStorage({
    destination: './public/uploads',
    filename: (req, file, cb) => cb(null, file.originalname),
  }),
});

const apiRoute = nc({
  onError(error, req, res) {
    res.status(501).json({ error: `Sorry something Happened! ${error.message}` });
  },
  onNoMatch(req, res) {
    res.status(405).json({ error: `Method '${req.method}' Not Allowed` });
  },
});

apiRoute.use(upload.array('theFiles'));

apiRoute.post((req, res) => {
  res.status(200).json({ data: 'success' });
});

export default apiRoute;

export const config = {
  api: {
    bodyParser: false, // Disallow body parsing, consume as stream
  },
};

如何解决打字问题？

标签： reactjstypescriptnext.js

解决方案

默认情况下，和的基本接口是req和。在 API Routes 中使用时，您应该将它们设置为并向工厂函数提供泛型，如下所示：resIncomingMessageServerResponseNextApiRequestNextApiResponse

import { NextApiRequest, NextApiResponse } from "next";
import nc from "next-connect";

const apiRoute = nc<NextApiRequest, NextApiResponse>({
  onError(error, req, res) {
    res.status(501).json({ error: `Sorry something Happened! ${error.message}` })
  },
  onNoMatch(req, res) {
    res.status(405).json({ error: `Method '${req.method}' Not Allowed` })
  },
})

apiRoute.post((req, res) => {
  res.status(200).json({ data: 'success' })
})

它将为您提供正确的类型，以便您可以使用对象status的方法而res不会出现任何 TypeScript 错误。

请参阅文档。

推荐阅读