问题标签 [apollo-client]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1642 浏览

react-apollo - 为什么 data.loading 在 data.fetchMore 期间不会变为 true?

内部渲染:

当我打电话data.fetchMore两次时,我得到:

而我期望:

在此示例中,它按预期工作(loading变为 true):

https://github.com/zeit/next.js/tree/v3-beta/examples/with-apollo

但不在我的代码中:

https://out-bkathectgx.now.sh/

https://github.com/lorensr/graphql-leaderboard/tree/a331af803b36ee2d65c85795d747e6cf4c83ba27

文件:

https://github.com/lorensr/graphql-leaderboard/blob/a331af803b36ee2d65c85795d747e6cf4c83ba27/components/ReputationLeaderboard.js

文档:data.networkStatus

文档:data.loading

0 投票
1 回答
765 浏览

apollo - 从 ApolloQueryResult 修改响应数据的最佳方法是什么

watchQuery用来从后端和subscribe可观察的数据获取数据。我需要更改从后端返回的数据,但它们都是只读属性。如何修改数据?

0 投票
2 回答
278 浏览

angular - 是否可以将服务注入 apollo-client 的中间件?

是否可以将服务注入 apollo-client 的中间件?有阿波罗模块。https://www.npmjs.com/package/apollo-angular在文档中有一个如何实现身份验证的建议。通信是使用 localStorage 完成的。 http://dev.apollodata.com/angular2/auth.html这不是 Angular2 的方式。我需要确认。我一直在寻求解决方案。

0 投票
4 回答
2800 浏览

node.js - API 自动化框架的最佳实践设计模式

在我们的项目中,我们需要自动化用 Node.js 编写的 API,它使用 GraphQL 和 REST,为此我们必须开发一个必须支持(同步、异步调用)的 API 自动化框架。

是否有任何好的实践设计模式来设置 API 自动化框架?

0 投票
1 回答
2559 浏览

reactjs - 如何将 graphQL 查询变量传递到修饰的反应组件中

有谁知道向 apollo 添加查询变量的正确方法是什么?如果我手动添加书名字符串而不是传入$name查询变量,我可以让以下代码工作,但是只要我添加它并尝试通过 propTypes 中的选项传入名称变量,Invariant Violation: The operation 'data' wrapping 'BookPage' is expecting a variable: 'name' but it was not found in the props passed to 'Apollo(BookPage)'

我直接从reactQL包中提取了装饰器的语法,所以我知道它比其他示例具有更多的语法糖,但它仍然应该对查询有效,对吧?

0 投票
2 回答
1492 浏览

apollo - 乐观的 UI 没有更新 - Apollo

进行更改后,UI 不会更新为新添加的项目,直到页面刷新。我怀疑问题出在突变的更新部分,但我不确定如何进一步排除故障。非常感谢任何建议。

查询(单独的文件)

突变

0 投票
1 回答
77 浏览

postgresql - 相关数据未从 Apollo 返回给客户?

这是相关的阿波罗代码。(许多数据库字段已被省略,以使其更快/更容易阅读这篇文章。)

连接器

架构

询问

解析器

通过 Sequelize,解析器生成以下 SQL:

当我在我的 SQL 客户端中运行上述 SQL 时,我可以看到正在返回的所有数据,包括来自相关“userAccountsData”表的数据。

但是,当数据到达我在浏览器中运行的 javascript 中的客户端代码时,相关表中的数据丢失了——应该包含它的对象为空。

我错过了什么?

提前感谢所有人提供的任何信息!

0 投票
1 回答
144 浏览

graphql - 与在 ApolloClient 中创建 NetworkInterface 相关的问题

我需要向 graphql 端点提出自己的请求。(默认实现对我们指定的 url 进行 POST 调用)。我需要进行 AJAX 调用。我读自: http ://dev.apollodata.com/core/network.html#custom-network-interface

它明确指定我需要创建一个 NetworkInterface 并将其传递给 ApolloClient。

我做了这样的事情:

正在向 graphql 端点发出网络请求,并且服务器也使用 apt 响应(它应该发送)进行响应。

即使在此之后,我的浏览器也出现了一些错误,因此我无法显示从我的服务器获取的数据。组件始终处于“加载”状态。

0 投票
4 回答
21570 浏览

javascript - 错误:网络错误:将结果写入存储以供查询时出错(Apollo 客户端)

我正在使用 Apollo Client 制作一个应用程序来使用 Graphql 查询我的服务器。我有一个 python 服务器,我在其上执行我的 graphql 查询,该查询从数据库中获取数据,然后将其返回给客户端。

我为客户端创建了一个自定义的 NetworkInterface,它可以帮助我发出自定义的服务器请求(默认情况下,ApolloClient 对我们指定的 URL 进行 POST 调用)。网络接口只需要有一个 query() 方法,我们在其中返回 form 结果的承诺Promise<ExecutionResult>

我能够进行服务器调用并获取请求的数据,但仍然出现以下错误。

如果可能,我想知道错误的可能原因和解决方案。

0 投票
3 回答
2784 浏览

reactjs - 用户认证后如何设置 Apollo 客户端?

我对如何构建我的 React/GraphQL (Apollo) 应用程序感到有点困惑,因为在用户验证/登录之前不应该建立连接。

目前我有这个:

这是网络接口的创建:

我如何组织这个,以便 Apollo 客户端只初始化和设置一次,并且只有在用户通过身份验证之后?

我想知道是否可以使用withApollo以某种方式直接访问客户端并以这种方式完成 GraphQL 身份验证和连接。

想法 2

使用 Redux 跟踪用户状态,App使用connect. 当用户进行身份验证时,这会触发 Redux 状态更改,这会触发App's componentDidUpdate,这可能会为 Apollo 创建网络接口,从而导致重新渲染,App其中会将授权传递client<ApolloProvider client={client}>.