使用react-apollo时React Nextjs无法编译

Question

这里非常奇怪，所以如果有人可以看到它，我会印象深刻。

好

当我在组件内部使用<h1 />并使用npm run dev构建服务器时，一切都会按预期进行。

我可以将h1中的<Query />组件替换为react-apollo的{​​{1}}组件，应用可以正确重新加载，并且可以接收数据。

坏

但是，如果我手动重新启动服务器或更改了/server文件。它会无限期地挂起。

  return (
    <Query query={query}>
      {({ loading, data, error, refetch }) => {
        return (
          <Layout>
            <p>Admin</p>
            <button onClick={getAllDetails}>Get All French Data</button>
          </Layout>
        )
      }}
    </Query>
  )

我可以假设apollo已正确设置，因为它可以在不重置服务器的情况下正常工作。

有什么想法为什么它可能会因为重新刷新并使用<Query />而挂起？