问题标签 [vue-apollo]

当我有

什么是使它看起来像这样的快速方法：

或者我是否需要以其他方式插入 GraphQL 表达式以获得可读的格式？

如何在@nuxtjs/apollo 上设置自定义标题？

我有这样的东西

谢谢

td;dr 如何在已经使用 TypeScript 的项目中包含 vue-apollo？

我使用 vue cli@3 和 TS 创建了一个新的 vue 项目。

然后我添加了vue-apollo修改我的 main.ts 文件的插件来添加

在 vue 实例创建中。

但是编译器对此抱怨。

'{ router: VueRouter; 类型的参数 商店：商店<{}>；apolloProvider: { 提供: () => {}; }; 渲染：（h：CreateElement）=> VNode；}' 不可分配给“ComponentOptions、DefaultMethods、DefaultComputed、PropsDefinition>、Record>”类型的参数。

对象字面量只能指定已知属性，并且在类型“ComponentOptions、DefaultMethods、DefaultComputed、PropsDefinition>、Record>”中不存在“apolloProvider”。[2345]

我可以看到我从 npm 获取的 vue-apollo 包中有一个 types 目录，但不知道如何使用它们。

我也得到以下

[ts] 找不到模块“@/vue-apollo”的声明文件。'/Users/praveen/code/voicezen/repos/voicezen-ui/src/vue-apollo.js' 隐含了一个 'any' 类型。[7016]

用于 main.ts 中的以下导入

我知道这可能来自noImplicitAny规则，但是将生成的vue-apollo.js 更改为vue-apollo.ts也不能解决问题。

将其更改为.ts从 main.ts 中删除关于上述两个的编译器错误，但随后我得到以下信息。

找不到模块“vue-cli-plugin-apollo/graphql-client”的声明文件。'/Users/praveen/code/voicezen/repos/voicezen-ui/node_modules/vue-cli-plugin-apollo/graphql-client/index.js' 隐含了一个 'any' 类型。

为了

为了解决这个问题，我可以像这样在我的类型中添加一个模块声明，但这是正确的方法吗？

生成的onLoginoronLogout方法 param开始抱怨它们也是隐式类型。apolloClientvue-apollo.tsany

我想手动编辑缓存中的一些数据。

我怎样才能直接从 Vue 组件的方法中readQuery()和在 vue-apollo 中？writeQuery()我正在寻找类似的东西this.$apollo.readQuery(...)，但它不起作用。我从哪里获得store实例？

我的意思是来自update()eg 方法的 store 实例this.$apollo.mutate。

我正在尝试禁用Apollo 上的缓存，因此我正在关注文档apollo-client ，但我无法成功，我一直收到此警告 ApolloBoost was initialized with unsupported options: defaultOptions

有没有人有同样的警告？

我正在工作 vue-apollo，目前我遇到了问题：

工作区.vue

查询.gql

我面临以下错误

[vue-apollo]：查询getTeam发生错误

有没有办法解决这个问题？

网络响应：

Vue 实例：

预期的网络响应将是 all_members 将显示所有（在我的情况下为 12）club_members。如果我不使用 first/skip 进行查询，它只会显示 10 个 club_members（这是不正确的）

我目前找到了一种解决方法，data.totalClubMembers.club_members可以覆盖data.club.all_members. 此处相关讨论：https ://github.com/Akryum/vue-apollo/issues/196

（部分）带有参数的查询：$where: 1, $first: 10, $skip: 0。

请指教：

1. 如果/我犯了错误
2. 如果有更“最佳”的解决方案。

我的条目组件中有一个智能查询。它会在页面加载时显示项目。

我在created钩子中添加了一个标准订阅，一旦观察到变化就会刷新项目。

当我做任何这样的突变时，

我希望控制台注销：

但实际上它打印

我不知道第一Feed success!条消息是如何触发的。有任何想法吗？提前致谢。

我是新手，刚刚尝试了 Vue.js 和 Graphql。经过一些学习，我用 vue ui(vue cli 3) 搭建了一个项目，为客户端和服务器添加了 vue-cli-plugin-apollo，所以我当前的项目结构如下：

项目文件夹

包.json

在本地开发中，npm run apollo适用于 localhost:8080(client) & localhost:4000/graphql 中的应用程序

所以我的问题是：如何将它们一起部署在 heroku 上？我曾尝试在网上搜索，但信息是零散的，对我来说没有多大意义。任何人都可以给出更清晰的方向来帮助我解决这个问题，以便我可以了解和了解更多相关信息。

我用 graphql 端点构建了一个 api 平台应用程序。在客户端，我使用这样的 apollo 客户端管理查询和突变（在 vuejs 前端）：

在我的 vuex 商店中，我像这样使用它：

查询工作正常，问题是我无法重新加载表结果。当我使用相同的选项重新发送相同的查询时，永远不会请求 graphql 端点。我需要更改表格的排序，但是一旦达到所有组合，我就无法再次重新加载表格。

我试图在查询中引入一个随机参数，但我从服务器收到错误（显然）。

有没有办法重新发送相同的查询并执行诸如重新加载表之类的操作。

提前致谢！