问题标签 [vue-apollo]

我做了这个示例：https ://github.com/Akryum/vueconf-2017-demo

结果，我的项目中有相同的文件：https ://github.com/Akryum/vueconf-2017-demo/blob/master/src/apollo-client.js

这是我的应用程序中使用的代码：

结果，我在控制台收到此错误（警告）：

这是来自浏览器控制台：

问题是什么？

我正在使用 Vue.js 开发客户端应用程序，用于测试和 Vue-apollo 请求外部 graphql 端点。

我的疑问是，如何在测试或应用程序中模拟此服务器请求？

最好的方法是什么，在测试中模拟或在应用程序中使用假数据？

谢谢。

考虑到两者的受欢迎程度，您会认为这很简单，但我遇到了一些障碍。

我正在使用 scaphold.io 来快速展示一个正常工作的 UI。也就是说，如果 Vue 可以与 Scaphold 交互。

我调查了两个资源：

https://github.com/kristianmandrup/vue2-apollo-scaphold

这似乎是 Scaphold 的作品。试过了。许多，许多模糊的错误。

然后还有：

https://github.com/Akryum/vue-apollo

但这太过分了。我不需要服务器，服务器在 Scaphold 上。

我还尝试使用 howtographql 上的教程来构建整个东西，但是这个也已经过时了。

理想情况下，我想使用（我猜）npm vue-cli 实例化一个最新的 Vue 2 应用程序，然后只安装我需要的所需的 apollo（或其他任何东西，但我猜是 apollo）附加组件。最低。

不应该太难，我最终会弄清楚的，但是一些帮助是非常受欢迎的。

有人可以帮助我使用 scaphold.io 进行我的第一个查询吗？

当我使用内部 GraphiQL 向我的 scaphold 查询以下内容时：

返回看起来像这样：

我的组件如下所示：

我得到的错误说：结果中缺少 allPrograms 属性

而且我还阅读了一些看起来像是正确 json-result 的一部分的内容：object: viewer: {allPrograms: Object, __typename: "Viewer"}

或者，也许我误解了什么。我想我已经接近接收数据了，甚至可能已经成功了，但是拆分似乎需要一些额外的小心。

有任何想法吗？

我完全陷入了一个 Apollo 问题，为此我打开了一个 GitHub 问题并且对它的响应为零。

我正在调用 Apollo 突变，使用optimisticResponse. 据我了解，它应该工作的方式是update()被调用两次：首先是乐观数据，然后是来自网络的实际数据。

但由于某种原因，我的代码不能这样工作。我接到两个update()电话，都是乐观的数据。

这是一个演示此行为的存储库：https ://github.com/ffxsam/apollo-update-bug

1. 纱线&&纱线开发
2. 在浏览器中打开，打开控制台
3. 输入一些文字并按回车
4. 重复上面
5. 请注意控制台中有关重复键的错误。发生这种情况是因为临时 ID “??” 没有被真实的 UUID 替换（可选）如果可用，您可以打开 Vue DevTools 并检查数据以查看它是否不正确

我对 GraphQL 很陌生。我在带有 apollo 的 Vue.js 项目中使用 graph.cool。

• 我现在正在使用内存缓存。
• 我以前有一个简单的“allPosts”查询。
• 在创建一个新的之后，我使用了 update() 钩子和 readQuery() + writeQuery()

但是我希望登录的用户只能看到他们的帖子。所以我用过滤器修改了查询。

我的想法是，我只需要传入 userid 变量。但是，这是行不通的。我总是得到

每次我在我的应用程序中添加一个新项目时，由于某种原因，突变会调用update() 四次。前两个是乐观数据，第二批，一个是乐观数据，一个是来自网络的真实数据。我无法理解这一点。正在创建的新项目在页面上显示两次。

这是我的突变：

这是突变代码：

最后，这里是调用 mutate一次的控制台日志：

我在这里做错了什么？

我不时重置 Apollo 的 InMemoryCache，我希望所有可见的 Vue 组件通过重新获取所有相关查询来响应更改（自动或手动）。

我怎样才能做到这一点？

所以我的商店里有这个突变：

我也有这个动作：

此操作基本上从帖子数组中删除帖子，该帖子通过 vue-apollo 返回。

在我的 Vue 组件中调度操作 this.$store.dispatch('Posts/delete', index);

导致TypeError: 0 是只读错误

这是商店的状态：

以及负责设置帖子的突变：

下面是我们如何使用 apollo 客户端通过 graphql 查询填充存储

这是一个 vue-apollo 问题吗？如果是这样，我怎么可能修改状态？

我正在通过实现模块来尝试使用vue-apollowith 。我有一个正在运行的GraphQL服务器。我写了以下代码：nuxt@nuxtjs/apollolocalhost:4000

东西.gql：

客户端配置：

细心的读者会看到我基本上是从文档中复制了示例代码。我期望发生的是，我的vue组件的数据对象将使用我后端的前 10 个结果进行更新。但是，我看到一个$apolloData对象中的所有内容都无法从组件中访问。此外，数据不限于第一个10条目。有人可以指出我做错了什么吗？因为我看不到。

我也试过：

以及选项的所有变化prefetch。