gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 05:47:06 25 4
gpt4 key购买 nike

我正在尝试使用带有 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"

最佳答案

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

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

OpenAIApi and not OpenAIAPI

个案很重要 :D

关于reactjs - TypeError : openai__WEBPACK_IMPORTED_MODULE_1__. OpenAIAPI 不是构造函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74432598/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com