TypeError: openai__WEBPACK_IMPORTED_MODULE_1__.OpenAIAPI不是构造函数

Question

我试着用OpenAI Api和react重新创建一个想法。

我正在使用官方的OpenAI文档这里，但被卡住了，我希望有人能帮上忙。

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

OnClick到按钮，我正在处理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键直接放入源代码而不是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