reactjs - TypeError : openai__WEBPACK_IMPORTED_MODULE_1__. OpenAIAPI 不是构造函数

Question

我正在尝试使用带有 React 的 OpenAI Api 重新创建一个想法。

我正在使用官方 OpenAI 文档 here但卡住了，我希望有人能够提供帮助。

这个想法是在页面上有一个简单的文本输入和一个按钮。接收用户的提示并将信息发送到 OpenAI Api。

单击按钮时，我正在处理 handleSubmit 函数中的所有内容，如下所示:

const config = new Configuration({
    apiKey: "API_KEY_IS_HERE",
})

const handleSubmit = async (e) => {
    e.preventDefault()
    setState('loading...')
    
    const openai = new OpenAIAPI(config)
    const res = await openai.createImage({
      prompt: prompt,
      n: 1,
      size: "256×256",
    })

    const url = res.data.data[0].url
    console.log(url)
    console.log('clicked: ' + prompt)
}

单击按钮并调用函数 handleSubmit 现在我收到错误

Uncaught TypeError: openai__WEBPACK_IMPORTED_MODULE_1__.OpenAIAPI is not a constructor

除了将 api key 直接放入源代码而不是 env 变量(在本地测试和试用)之外，对我来说似乎没有什么不正常的。

感谢您的任何意见!

编辑:

导入:

import { useEffect, useState } from "react"
import { Configuration, OpenAIAPI } from "openai"

版本:

"openai": "^3.1.0"
"react": "^18.2.0"

Answer 1

可能是 webpack 提示 openai 包是如何导入的。您能否向我们展示导入的代码行。

此外，从文档来看，它似乎应该是:

OpenAIApi and not OpenAIAPI

个案很重要 :D