Javascript APOLLO客户端-变异不工作（无法读取未定义的属性数据）

我试图在客户端（Nextjs）调用一个变种，但是每次我使用useMutation钩子甚至客户端本身调用时，它都会返回以下错误：无法读取未定义的属性“data”。代码：

Graphql客户端

//依赖项
从'@apollo/client'导入{apollo客户端，InMemoryCache}
//GraphQL主机位置
/*eslint禁用下一行*/
const endpoint=process.env.GRAPHQL\u主机
//Graphql客户端实例
export const graphqlClient=新客户端({
uri:端点，
缓存：新的InMemoryCache（），
标题：{
/*eslint禁用下一行*/
授权：`Bearer${process.env.GRAPHQL_TOKEN}`
}
})

Graphql突变

//依赖项
从“@apollo/client”导入{gql}
//突变
导出常量创建订单项目=gql`
新订单项（$id:id！，$amount:Int！）{
createOrderItem（数据：{product:{connect:{id:$id}}，金额：$amount}）{
身份证件
数量
产品{
身份证件
描述
鼻涕虫
单价
ncm
出版地位
图像{
网址
高度
宽度
}
类别{
身份证件
名称
}
顾客{
身份证件
名称
鼻涕虫
法人税号
电子邮件
cep
城市
标志{
高度
宽度
网址
}  
位置{
纬度
经度
}
}
变体{
__字体名
…关于ProductSizeVariant{
身份证件
名称
大小
}
…关于ProductColorVariant{
身份证件
名称
颜色{
十六进制
}
}
…关于产品高度变量{
身份证件
名称
高度
}
…关于ProductUnitVariant{
身份证件
名称
单元
}
}
}
}
}
`

反应组分

//依赖项
从“api/api”导入{CREATE_ORDER_ITEM}
从“@apollo/client”导入{useStation}
从“react toastify”导入{toast}
从“hooks”导入{useShoppingCart}
//风格
从“./styles”导入*作为
//组成部分
从“样式/全局”导入{Container，Column，CustomModal}
从“组件”导入{CartSubtotal，CartTable，LoadingModalBody}
//组成部分
导出默认函数模板（）{
//钩子
const{state:items}=useShoppingCart（）
常量[newOrderItem]=使用变异（创建订单项目）
//行动
const submitor=async（orders，numberOfOrders）=>{
如果（numberOfOrders>0）{
试一试{
//示例api调用
const r=等待新订单项({
变量：{
id:订单[0]。产品[0]。id，
金额：订单[0]。产品[0]。金额
}
})
//总是返回未定义的
console.log（'after'，r）
}捕捉（错误）{
console.log（'error'，err）
toast.error（“…”）
}
}否则{
toast.警告（“…”）
}
}
//JSX
返回(
)
}

---

请注意，每次函数等待api回答时，它都返回未定义。

我找到了解决方案，它没有返回错误，因为它是NextJs错误。Next js在运行时返回undefined on env变量，要解决此问题，只需在Next.config.js文件中配置public runtime

错误在哪里？回应？网络请求是否包含正确传递的变量？使用变量在现场测试查询/变异？传递整个（准备好的对象）“data”变量，从API文档读取输入类型API调用返回时没有错误：（。但是我能够找到问题的根源。我添加了这个问题作为答案。