@client Apollo GQL标签分隔符查询
Apollo GQL标签分隔符查询是一种在Apollo GraphQL中使用的查询语法。它允许开发人员在GraphQL查询中使用标签分隔符来组织和分组查询字段。
标签分隔符查询的语法如下：
query MyQuery {
field1 {
subfield1
subfield2
}
field2 {
subfield3
subfield4
}
}在上面的示例中，field1和field2是查询的顶级字段，它们分别包含了各自的子字段。使用标签分隔符可以使查询更加清晰和易读。
标签分隔符查询的优势在于：
- 可读性强：使用标签分隔符可以将查询字段按照层级结构进行组织，使查询更加清晰易读。
- 可维护性高：标签分隔符查询使得添加、删除或修改查询字段变得更加容易，开发人员可以轻松地对查询进行调整。
- 可重用性强：通过将查询字段分组，可以更好地重用查询片段，减少代码冗余。
标签分隔符查询适用于任何需要使用Apollo GraphQL进行数据查询的场景。它可以用于前端开发、后端开发、移动开发等各种应用场景。
腾讯云提供了一系列与GraphQL相关的产品和服务，其中包括云函数SCF（Serverless Cloud Function）、API网关、云数据库MongoDB等。这些产品可以帮助开发人员在腾讯云上构建和部署GraphQL应用。
更多关于腾讯云相关产品和服务的信息，可以访问腾讯云官方网站：腾讯云。
相关·内容
使用apollo和react，我想根据(远程) apollo查询的结果更新我的本地apollo状态。
查询的类型为[String!]!，我的本地州包含类型为String的{ name }。我希望将本地{ name }分配给查询返回的第一个项目。
const App = compose(
graphql(gql`{ name @client }`, { name: 'localData' }),
graphql(gql`{ currencies { name } }`)
)(({ localData }) => <h1>{ localData.n
浏览 5提问于2018-11-23得票数 0
1回答
我在练习Graphql和Apollo Client的角度。
我在从客户端创建查询时遇到了问题。
我已经成功地在后端创建了graphql查询。
下面是我的GQL查询，它返回数据并显示在Playground中。
GQL查询
{
getData {
data {
type
}
}
我的客户端代码，
Service.ts
export class ContentService {
constructor( private apollo: Apollo,
) {
this.getContent();
}
async getCo
浏览 2提问于2019-02-01得票数 1
回答已采纳
我正在创建一个apollo react应用程序。我想让阿波罗来管理我当地的州。我想要构造我的本地状态，这样并不是所有的标量值都在顶层。
这是我的配置：
import React from 'react'
import ReactDOM from 'react-dom'
import ApolloClient from 'apollo-boost'
import gql from 'graphql-tag'
import { InMemoryCache } from 'apollo-cache-inmemory'
i
浏览 3提问于2018-11-13得票数 0
1回答
新的GraphQL并使用它从Wordpress API返回数据。在GraphiQL Wordpress IDE中创建查询时，它返回正确的数据，但当我在NEXTJS应用程序中实现查询并执行console.log时，我看到的是[Object]而不是响应中的数据。我感到困惑的是，为什么在使用IDE创建查询时，它出现得很正确，但是在实现时却没有按照预期呈现数据。
我的设置：
//apollo-client.js
import { ApolloClient, InMemoryCache } from '@apollo/client';
const client = new Apoll
浏览 1提问于2022-05-20得票数 0
回答已采纳
我正在尝试poll查询我有一个查询。 client.query<gql.FileCsvImport, gql.FileCsvImportVariables>({
variables: { id: this.state.importId },
query: CSV_IMPORT,
pollInterval: 500,
}) 但是，我得到了以下错误消息 Object literal may only specify known properties, and 'pollInterval' does not exist in
浏览 13提问于2019-12-06得票数 0
1回答
我正在尝试编写用于查询的typeDefs。 import {gql} from "@apollo/client";
const typeDefs = gql`
type Query{
rockets:[Rocket]!
rocket(id:ID):Rocket!
}
type Rocket {
id:ID!
name:String!
mass:RocketMass
}
type MassInt{
kg:Int
}
浏览 14提问于2021-03-30得票数 0
回答已采纳
我正在将我的角度应用程序REST后端转换为GraphQL。我试图从graphql标签导入gql。我在搜索，我的进口看起来像每个人都在.
import { Angular2Apollo } from 'angular2-apollo';
import { ApolloClient } from 'apollo-client';
import { gql } from 'graphql-tag';
但是gql有红色下划线，表示找不到。当我运行ng serve时，我在cmder中得到了这个错误.
./node_index/graphql-tag/ind
浏览 6提问于2017-09-23得票数 2
回答已采纳
2回答
我有下面的脚本，一直运行到现在。
//script.js
var apollo = require('apollo-client');
var gql = require('apollo-client/gql');
...
到现在为止，$ node script.js一直工作得很好。
我所做的就是将apollo-client从^0.1.6更新为^0.3.3。当我在命令上运行时，就会出现以下错误。
Error: Cannot find module 'apollo-client/gql' from '/path/to/script'
浏览 1提问于2016-05-07得票数 0
回答已采纳
const Profile = t.struct({
name: t.String,
city: t.String,
about: t.String,
});
const UPDATE_USER = gql`
mutation UpdateAccountForm(
$id: ID!
$name: String
$about: String
$city: String
) {
UpdateUser(id: $id, name: $name, about: $about, city: $city) {
id
}
}
`;
export
浏览 2提问于2019-02-14得票数 0
我希望更好地理解我可能会出错的地方，或者是否有一种方法，我们可能不需要apollo来查询后端。当我在http://localhost:3000/api/v1/graphql中测试我的查询时，一切正常。在前端，根据我所看到的，我需要将一个apollo客户端设置为
import { HttpLink } from 'apollo-link-http';
import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
浏览 2提问于2020-08-30得票数 0
我在同一个目录(./src/)上有一个简单的文件结构
App.js
import React from "react";
import {
ApolloClient,
ApolloProvider,
createHttpLink,
InMemoryCache,
} from "@apollo/client";
import Gql from "./Gql";
const App = () => {
const client = new ApolloClient({
link: createHttpLink({
浏览 2提问于2022-01-15得票数 3
回答已采纳
我得到了这个错误：
“不变冲突:传递给解析器的对象对象的参数不是有效的GraphQL DocumentNode。您可能需要使用'graphql-tag‘或其他方法将操作转换为文档。”
当我尝试使用@apollo/client中的useQuery时
import categoriesQuery from "@/gqlQueries/categories";
import {useQuery} from "@apollo/client";
const CategoryProduct = ({ updateProductCategory }) =>
浏览 5提问于2022-08-14得票数 0
知道如何从refetchQueries获得响应数据吗？我从突变中得到了查询响应数据。
突变
import { gql } from 'apollo-boost';
export const DONE_TASK = gql`
mutation DoneTask($taskId: ID!) {
doneTask(input: {
taskId: $taskId
}) {
task {
id
status
}
浏览 1提问于2019-10-17得票数 1
回答已采纳
2回答
尽管gql标记中包含了突变，但我还是得到了以下错误：
Invariant Violation: Expecting a parsed GraphQL document. Perhaps you need to wrap the query string in a "gql" tag? http://docs.apollostack.com/apollo-client/core.html#gql
这个问题只是由下面的变异代码引起的，我有一个可以工作的查询。
代码：
<script>
import gql from 'graphql-tag'
expo
浏览 16提问于2020-06-22得票数 2
回答已采纳
我已经让Apollo链接状态工作了：
import React from 'react';
import ReactDOM from 'react-dom';
import { HttpLink, InMemoryCache, ApolloClient } from 'apollo-client-preset';
import { WebSocketLink } from 'apollo-link-ws';
import { ApolloLink, split } from 'apollo-link';
impor
浏览 0提问于2018-05-21得票数 1
1回答
让我们假设我们的服务器上有这样一个模式，它有一个查询，它只是根据传递的name参数来获取一个主题列表。 Query listTopics(
name: String!
): [Topic!]!
type Topic {
id: String!
name: String!
image: String
timeBasedFeed: String!
scoreBasedFeed: String!
aliases: [String!]!
parents: [String!]!
allAncestors: [String!]!
} 当我们获取数据时，我们如何声明查询在客户端返回一个数组？ 当我们使用
浏览 72提问于2020-08-13得票数 1
回答已采纳
我对Apollo客户端版本2的React有一个问题。()
当我根据文档设置Apollo客户端时，我无法在GraphQl服务器上进行查询，它会引发错误：
Uncaught (in promise) TypeError: _super.call is not a function
at new ObservableQuery (ObservableQuery.js:36)
at QueryManager.watchQuery (QueryManager.js:393)
at QueryManager.js:420
at new Promise (<anonym
浏览 0提问于2017-11-07得票数 9
我试图在我的代码中找到错误，以了解为什么我要为createHTTP链接获得这个错误。这在graphql中是很好的，但是当用户去保存一个选择时，应用程序就不行了。有人能告诉我哪里出了问题吗？我为所有的代码事先道歉，我想确保我得到的一切可能是相关的。我已经仔细梳理了一段时间了。要将用户信息保存到数据库，书籍就不是。谢谢！！
import {
ApolloClient,
InMemoryCache,
ApolloProvider,
createHttpLink,
} from "@apollo/client";
import { setContext } from &
浏览 5提问于2022-10-06得票数 0
2回答
我很难理解如何询问阿波罗客户的反应。
这是查询id想要实现的：
query signIn {
signIn(input: { email: "test2@gmail.com", password: "test123" }) {
token
}
}
我想将所有查询保存到一个查询文件夹中，下面是我所做的工作：
import { gql } from '@apollo/client';
export const SIGN_IN = gql`
{
signIn(input: { email: $email, pa
浏览 6提问于2021-01-07得票数 0
当我使用以下内容查询服务器时：
query{
counterparty {
name
}
}
我得到了想要的输出。
但是，当我尝试在屏幕上显示输出时，通过在react中呈现一个组件集，我会得到以下错误：
下面是我客户端的代码：-我的App.js
import React, { Component } from 'react';
import ApolloClient from "apollo-boost";
import { ApolloProvider } from "react-apollo";
import
浏览 1提问于2018-04-09得票数 2
回答已采纳
我在寻找Graphql客户端Apollo的文档，这里我知道查询是一个字符串，但是在后台，gql前缀在查询字符串之前意味着什么？我的问题是关于语法
import { useQuery, gql } from '@apollo/client';
const EXCHANGE_RATES = gql`
query GetExchangeRates {
rates(currency: "USD") {
currency
rate
}
}
`;
对于样式化的组件，我看到了相同类型的语法。
import { styled }
浏览 1提问于2020-11-01得票数 0
回答已采纳
在这里，我正在用graphql创建新的ApolloClient
import { ApolloClient, InMemoryCache } from "@apollo/client"
const client = new ApolloClient({
uri: "http://localhost:4000/graphql",
cache: new InMemoryCache()
})
export default client
然后我创建了ApolloProvider的上下文
import React from 'react'
浏览 2提问于2022-03-27得票数 0
回答已采纳
我定义了以下gQL，
import gql from 'graphql-tag'
const SIGN_UP_QUERY = gql`
query {
signUpForm @client {
firstName
email
password
}
}
`
我将其与react-apollo查询一起使用
<Query query={SIGN_UP_QUERY}>
{({
data: {
signUpForm: { firstName }
},
loa
浏览 0提问于2019-10-03得票数 0
1回答
当我尝试进行一些gql查询时，我会得到这个错误：
我已经尝试更改了角版本，但是我需要在这个版本中实现gql。不升级:/
package.json
{
"dependencies": {
"@angular/cdk": "^5.2.5",
"@angular/common": "^5.2.10",
"@angular/compiler": "^5.2.10",
"@angular/core": "^5.2.10
浏览 3提问于2022-05-06得票数 2
回答已采纳
我刚开始使用graphql和React。 我有一个类型，解析器，一个monogoDB和mongoose模式都可以工作。 我有playgoround工作，可以使用它来进行查询和突变，以更新数据库。 我现在的问题是从React中进行查询并取回数据。 我的index.js是： import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App';
import * as
浏览 28提问于2019-09-19得票数 1
回答已采纳
1回答
也许这件事是显而易见的，但我是阿波罗新手。我正在尝试向yelp服务器发送一个简单的graphQL查询
import React from 'react';
import { render } from 'react-dom';
import ApolloClient from 'apollo-boost';
import { setContext } from 'apollo-link-context';
import { createHttpLink } from 'apollo-link-http';
impo
浏览 15提问于2018-07-25得票数 0
我使用apollo-client进行graphql调用，同时在apollo-client包中添加了状态管理。在graphql模块中，分配给缓存变量的InMemoryCache和客户端变量是exported.Client变量被导入到组件中，因此在执行默认的get调用后，数据在client.cache.data中可用，但我希望在保存和删除graphql操作成功回调后更新客户端缓存
这是我的graphql.module.ts：
import {NgModule} from '@angular/core';
import {ApolloModule, APOLLO_OP
浏览 2提问于2020-05-27得票数 0
1回答
这是我第一次冒险进入碎片，我不知道我在哪里搞砸了，但这肯定是行不通的！在GraphiQL中，它运行得很好：
query Tasks($taskIds: [String]!) {
tasks(taskIds: $taskIds) {
...taskDisplay
}
}
fragment taskDisplay on Task {
_id
name
description
status
children {
_id
}
}
下面是我的客户应用程序中的内容：
import { gql } from &#
浏览 3提问于2020-08-11得票数 10
回答已采纳
我对WebStorm语法突出显示有问题。我创建了有效的GraphQL查询，它适用于本地主机应用程序，但WebStorm说
对象类型“查询”上的未知字段"familyMembers“
并以红色高亮显示整个查询。
我真的很困惑，但是也许我应该在apollo.config.js里面改变一些东西-如果是的话，请告诉我什么。
HelloWorld.vue
<script>
import gql from 'graphql-tag';
export default {
apollo: {
familyMembers: gql `
query
浏览 3提问于2019-09-03得票数 10
回答已采纳
我有一个(使用nuxt的) vue-apollo查询，它应该有一个本地客户端域显示。但是，当我在查询中包含show @client行时，组件不会呈现。出于某种原因，它似乎也悄悄地失败了。 query myAccounts {
accounts: myAccounts {
email
calendars {
id
name
hex_color
is_enabled
show @client
}
}
} 我在一个extensions.js文件(粘贴如下)中扩展了Calendar类型，其中包含两个变化。 i
浏览 18提问于2019-09-04得票数 3
回答已采纳
我正在尝试使用阿波罗客户端向GitHub graphql提出客户端请求，但是有一个401身份验证问题我还无法解决。
我已经将一个查询替换成了一个不需要身份验证的不同API，并确认了它的工作原理。
我可以使用getServerSideProps (这是一个Next.js应用程序)成功地请求服务器端，所以我知道凭证是可以的。
我在这里错过了什么？这是CORS问题吗？(例如)
提前谢谢。下面的代码，并在这里引用方法：。
客户端的句柄在apollo-client.js中定义。
import { ApolloClient, createHttpLink, InMemoryCache } from &#
浏览 10提问于2022-07-09得票数 3
回答已采纳
我不知道这个错误到底意味着什么。当我试图在我当地的州里叫变异的时候，我就明白了。
消息：“网络错误: selectionSet为空”网络错误: TypeError: selectionSet为空
这是我的阿波罗链接状态代码：
const stateLink = withClientState({
cache,
resolvers: {
Mutation: {
setNavigationsState: (_:any, { path }:any, { cache }:a
浏览 0提问于2018-04-26得票数 0
回答已采纳
我开始使用GraphQL和新的Nexus Framework GraphQL服务器，这是一个很棒的产品。 在我的服务器端，我定义了我的模式，我可以用Prisma查询我的数据库，一切都运行得很顺利。我还可以从Nexus和GraphQL游乐场查询数据。 现在，我想让事情在客户端工作。我认为Apollo Client是集成React和GraphQL的最佳解决方案，但我就是不能让它工作。我读了一大堆的文档，但我漏掉了一些我搞不懂的东西。 GraphQL和客户端部分将托管在同一服务器上，位于不同的节点应用程序上。 我正在根据它的文档配置Apollo。下面的例子是我正在测试的Apollo的新的3.0 B
浏览 27提问于2020-04-16得票数 1
回答已采纳
我目前正在使用用于阿波罗客户端的vue-apollo包和带有django的VueJs栈，以及用于我的GraphQl应用程序接口的石墨烯-python。 下面我用vue-apollo做了一个简单的设置： import Vue from 'vue'
import { ApolloClient } from 'apollo-client'
import { HttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
i
浏览 124提问于2018-09-10得票数 13
回答已采纳
1回答
在阿波罗中使用2组打字机
、、、、
我在Node上使用ApolloServer运行服务器：
// App.js
const express = require('express');
const { ApolloServer } = require('apollo-server-express');
const resolvers = require('./resolvers.js');
const typeDefs = require('./schema');
const apolloServer = new ApolloServer({
resolver
浏览 6提问于2022-07-09得票数 1
2回答
在Vuepress博客站点中，我在我的博客贴子中插入了一个组件，该组件从数据库获取信息以填充其数据。
我有一个GraphQL服务器来提供数据，所以我尝试使用来获取组件中的数据。
我试图在enhanceApp.js文件中添加vue-阿波罗，如下所示：
// enhanceApp.js
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inm
浏览 1提问于2019-03-12得票数 2
我有一个简单的阿波罗装置。在这个CodeSandbox示例中，我使用的是MockedProvider，但活动的MockedProvider也能工作：
import { ApolloClient, InMemoryCache } from "@apollo/client";
import { gql, useQuery, ApolloProvider } from "@apollo/client";
import { MockedProvider } from "@apollo/client/testing";
const client = n
浏览 2提问于2021-03-03得票数 6
回答已采纳
在本地状态客户端(前端本地状态)的情况下，Apollo不会触发解析器。阿波罗2.7
有人知道为什么会这样吗？
下面是设置：
Apollo客户端
import { ApolloClient } from 'apollo-client'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { HttpLink } from 'apollo-link-http'
import fetch from 'isomorphic-unfetch'
import { reso
浏览 0提问于2020-05-12得票数 0
我遇到了一个使用useQuery Apollo钩子运行查询的问题，但是如果我使用useApolloClient钩子获取ApolloClient的实例，然后调用客户机的query方法，调用将失败，并显示错误Error: query option is required. You must specify your GraphQL document in the query option.
我的代码或多或少如下所示：
import React from 'react'
import gql from 'graphql-tag'
import { useQuery,
浏览 3提问于2020-03-05得票数 0
1回答
在我的本地查询中，如下所示.
但是当我通过阿波罗客户查询时，它的反应是空的。
import {InMemoryCache, gql, ApolloClient, HttpLink} from 'apollo-boost';
const cache = new InMemoryCache();
const client = new ApolloClient({
cache,
link: new HttpLink({
uri: 'http://localhost:3000/graphql',
credentials: 'same
浏览 1提问于2020-03-02得票数 1
回答已采纳
1回答
阿波罗客户端和过滤查询
、、、
我在为观鸟人做一个应用程序。当观鸟者看到一只鸟时，他们会记录一只sighting。我有一个关于所有观鸟者目击的信息的查询：
import { gql } from "@apollo/client";
export const GET_SIGHTINGS = gql`
query Sightings($first: Int, $after: String) {
sightings(first: $first, after: $after) {
pageInfo {
endCursor
}
edges {
n
浏览 1提问于2021-03-02得票数 0
回答已采纳
当我试图导入‘阿波罗-链接-http’时，我在使用webpack捆绑文件时出错。Webpack正在投掷：
“未找到模块:错误:无法解决'/home/pankaj/Openworld/play Projects/admin-portal/app/frontend/node_modules/apollo-link-http/lib‘’中的‘导入’”
import { ApolloClient } from 'apollo-client';
import gql from 'graphql-tag';
import { HttpLink } from
浏览 3提问于2017-11-29得票数 0
2回答
这就是我如何在我的反应本机应用程序中实现阿波罗graphQL的方式。
但有了这点我就明白了
Could not find "client" in the context of Query or as passed props. Wrap the root component in an <ApolloProvider>
所以我以为我确实做到了，但很明显，我是在做些什么。
import React, { Component } from 'react'
import { ApolloProvider, graphql } from 'react
浏览 0提问于2018-04-15得票数 3
回答已采纳
2回答
我使用角形6编写我的网站与阿波罗，以互动图形to服务器。在将参数添加到我的gql查询之前，我希望能够转义从客户端获得的参数。
这是我的服务文件：
import { Injectable } from '@angular/core';
import {Apollo} from 'apollo-angular';
import gql from 'graphql-tag';
@Injectable({
providedIn: 'root'
})
export class ProductService {
construct
浏览 1提问于2018-09-10得票数 1
回答已采纳
我的职能如下：
import ApolloClient from 'apollo-boost'
import gql from 'graphql-tag'
import fetch from 'node-fetch'
global.fetch = fetch
const client = new ApolloClient({
uri: 'myUri'
})
const getPostsByCategory = async category => {
const res = await client.qu
浏览 1提问于2019-11-28得票数 3
回答已采纳
React GraphQL客户端(详见下文)向Graphene-Django GraphQL服务器faile发出的带有错误消息的Status Code 400 Bad Request请求：
Batch requests should receive a list, but received {...
为什么会这样呢？
设置
获得具有功能的GraphQL服务器(使用)；例如
query AllMsgsApp {
allMessages {
id
message
}
}
将产生：
{
"data": {
"allM
浏览 7提问于2017-12-17得票数 1
下面我使用我想要转换为GraphQL版本的普通REST响应的工作函数，它从我的菲尼克斯服务器获取一个JSON，并将对象值从JSON存储到一个对象中。问题是，在这里，我可以使用等待，然后从JSON文档中的对象分配新的对象值，但是使用GraphQL，我不能访问这个数据来分配它，因为没有等待函数，因为它只是一个查询。(据我所知)
async function updatePageWithNewCompany(company){
const res = await fetch(`http://localhost:4000/${company}`);
profile =
浏览 2提问于2021-03-05得票数 0
回答已采纳
我正在尝试实现一个graphQL API，它适用于查询，但并不能很好地实现突变：
下面是我使用apollo-client和graphql-tag进行的基本突变：
import gql from 'graphql-tag'
const addNewPlace = (place) => {
return client.mutate({
mutation: gql`
mutation {
addNewPlace(
input: {
$title: String!
浏览 3提问于2017-07-16得票数 2
回答已采纳
我是以编程方式使用graphql codegen的。
import * as typescriptReactApolloPlugin from "@graphql-codegen/typescript-react-apollo";
const config: Types.GenerateOptions = {
documents: [{ document: doc }],
config: {},
// returns the string output, rather than writing to a file
filename: "index.ts
浏览 18提问于2022-08-23得票数 1
回答已采纳
1回答
当我尝试执行两个不同的查询时，我得到了这个错误，如何修复它？
错误:查询选项是必需的。必须在查询选项中指定GraphQL文档。
下面是代码的一个片段
//in my index class I dispatch some actions
componentDidMount () {
this.props.fetchNavigationBarDataThunk();
this.props.fetchActionToDoTitleDataThunk();
}
//then in my action I have something like that
import ApolloCli
浏览 1提问于2017-06-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
