我目前正在学习 urql+react 教程,发现 here 同时还将 graphQL API 调用添加到我自己的应用程序中。
在本教程中,提供了以下代码来向服务器发送查询并根据结果呈现组件
const FEED_QUERY = gql`
{
feed {
links {
id
createdAt
url
description
}
}
}
`
const LinkList = () => {
const [result] = useQuery({ query: FEED_QUERY })
const { data, fetching, error } = result
if (fetching) return <div>Fetching</div>
if (error) return <div>Error</div>
const linksToRender = data.feed.links
return (
<div>
{linksToRender.map(link => <Link key={link.id} link={link} />)}
</div>
)
}
当我自己实现教程时,此代码运行正常,但是当我尝试将此确切代码添加到我自己的应用程序时,我收到以下错误
我已经三重检查以确保所有必要的 urql 和 graphql 依赖项都安装在我的应用程序中,所以我不确定是什么导致了这个问题。