“ServerResponse”類型不存在屬性“status”（TS2339）

Question

我嘗試創建一個接口，安裝反應類型，唯一可行的方法是當我將代碼放入 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
  },
};

如何解決打字問題？

Answer 1

默認情況下， req和res的基本接口是IncomingMessage和ServerResponse 。 在 API 路由中使用時，您應該通過向工廠 function 提供 generics 來將它們設置為NextApiRequest和NextApiResponse ：

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' })
})

它將為您提供正確的類型，以便您可以使用res object 的status方法而不會出現任何 TypeScript 錯誤。

請參閱文檔。