我想去掉NextJS API中的红色曲线

cld4siwp  于 2022-12-12  发布在  其他
关注(0)|答案(1)|浏览(102)

我在NextJS中使用Typescript创建了一个API端点。该API工作正常,但我想去掉代码下面的红色弯曲线条。我尝试了很多方法,但无法解决此问题。我仍在学习Typescript,因此非常感谢您的帮助。
代码如下:

type Data = {
  prompt: string;
  success: boolean;
  data: string;
  error: unknown;
};

const configuration = new Configuration({
  apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse<Data>
) {
  const { prompt, size } = req.body;

  const imageSize =
    size === "Small" ? "256x256" : size === "Medium" ? "512x512" : "1024x1024";

  try {
    const response = await openai.createImage({
      prompt,
      n: 1,
      size: imageSize,
    });

    const imageUrl = response.data.data[0].url;

    res.status(200).json({
      success: true,
      data: imageUrl,
    });
  } catch (error) {
    if (error.response) {
      console.log(error.response.status);
      console.log(error.response.data);
    } else {
      console.log(error.message);
    }

    res.status(400).json({
      success: false,
      error: "The image could not be generated",
    });
  }
}

这些是我看到的红色曲线:

ioekq8ef

ioekq8ef1#

如果您将鼠标悬停在这些行上,它将显示所看到的错误。

您的“数据”类型具有所需的所有属性。您可以通过按“快速修复”添加其他属性来更正此问题,或者在类型定义中将其设置为可选。

type Data = {
  prompt?: string;
  success?: boolean;
  data?: string;
  error?: unknown;
};

相关问题