首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

与解析一起反应: TypeError: GraphQL不是函数

问题描述:与解析一起反应: TypeError: GraphQL不是函数

答案:这个错误是由于在代码中尝试将GraphQL作为函数调用,但实际上它不是一个函数。GraphQL是一种查询语言和运行时,用于从服务器获取数据。它通常与后端服务一起使用,用于定义数据模型和查询规范。

解决这个错误的方法是确保正确使用GraphQL。以下是一些常见的问题和解决方法:

  1. 检查GraphQL的导入:确保正确导入GraphQL库。在JavaScript中,可以使用import语句导入GraphQL,例如:import { GraphQL } from 'graphql'
  2. 检查GraphQL的使用方式:GraphQL通常用于定义模式和执行查询。确保在代码中正确使用GraphQL的各个部分。例如,使用GraphQL的GraphQLSchema类来定义模式,使用GraphQLObjectType类来定义对象类型,使用GraphQLString等类来定义字段类型。
  3. 检查GraphQL的版本兼容性:如果使用的是较新的版本的GraphQL,可能会有一些API变化。确保代码与所使用的GraphQL版本兼容。
  4. 检查GraphQL的配置和初始化:有些情况下,需要对GraphQL进行配置和初始化。例如,在使用GraphQL的Express中间件时,需要将GraphQL与Express应用程序连接起来,并配置路由和解析器。

总结:TypeError: GraphQL不是函数错误是由于错误地将GraphQL作为函数调用而引起的。要解决这个错误,需要检查GraphQL的导入、使用方式、版本兼容性和配置初始化等方面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

构建带 Subscriptions 的 graphql golang 后端

它有一个简单的目的: 实现GraphQL在WebSocket(由所有流行的GraphQL客户端使用),所以不必考虑net/http无缝集成 net/http无缝集成 提供访问已建立订阅的简单方法,执行身份验证并向相应的客户端发送更新...或者,您可以定义一个函数来对用户进行身份验证(在建立新连接时,Apollo客户端会将初始WebSocket消息可选的authToken一起发送;该函数允许将令牌字符串解析为用户)。...一个典型的服务器实现将监听数据库的变化,并通过识别哪些订阅需要更新,重新执行这些订阅的查询并将结果发送给相应的订阅客户端来对这些更改做出反应。 以下代码示例显示了订阅管理器在任何时候如何检索订阅。...每个连接都有唯一的ID,可选地,还有前面描述的Authenticate函数返回的用户。...Errors: graphqlws.ErrorsFromGraphQLErrors(result.Errors), } subscription.SendData(&data) } } 第3步 - graphql-go

2.7K30
  • GraphQL 从入门到实践

    2.4 解析函数 Resolver 前端请求信息到达后端之后,需要由解析函数 Resolver 来提供数据,比如这样一个 Query: query { hello } 那么同名的解析函数应该是这样的...Query: { hello (parent, args, context, info) { return ... } } 解析函数接受四个参数,分别为 parent:当前上一个解析函数的返回值...args:查询中传入的参数 context:提供给所有解析器的上下文信息 info:一个保存当前查询相关的字段特定信息以及 schema 详细信息的值 解析函数的返回值可以是一个具体的值,也可以是...一些常用的解决方案如 Apollo 可以帮省略一些简单的解析函数,比如一个字段没有提供对应的解析函数时,会从上层返回对象中读取和返回这个字段同名的属性。...解析函数层,给 GraphQL 的 Query、Mutation、Subscription 请求提供 resolver 解析函数 src/schema.graphql:Schema 层 然后 npm

    2.5K31

    GraphQL 基础实践

    虽然这让你听起来觉得像是一款数据库软件,但实际上 GraphQL不是数据库软件。...把我们所需要的字段合在一起,我们把它称之为某某的选择集。上面的 name、desc、ratings 合在一起则称之为 movie 的选择集,同理,movie 是 myQry 的选择集。...,当 match 到时,此处理函数会被调用执行,我们的解析任务也在这里进行,并将解析结果返回; options:options 时传给中间件的参数,我们可以在此将我们的 Schema 等内容传给解析器使用...: [Actor]} 接下来,分别编写解析 Query 下 movie和actor字段的 Resolver 函数。...前面讲到 Resolver 的时候说到,每个字段都可以对应一个 Resolver 函数,我们分别对 movies 和 actors 字段设置 Resolver 函数,将上一个 Resolver 解析出来的

    12.8K20

    GraphQL 初体验,Node.js 构建 GraphQL API 指南

    为什么选择 GraphQL 任何技术决策一样,了解 GraphQL 为你的项目提供了哪些优势是很重要的,而不是简单地因为它是一个流行词而选择它。...另一部分涉及实际获取数据,这是通过使用解析器完成的,解析器是一个返回字段基础值的函数。 让我们看一下如何在 Node.js 中实现解析器。...我们的目的是围绕着解析器如何模式一起操作来巩固概念,所以我们不会围绕着如何设置数据存储来做太详细的介绍。...解析器相当于一个 Object,key 是要检索的字段名,value 是返回数据的函数。...为了解决这个问题,我们需要修改解析函数。除了字段的参数外,解析器还可以访问它的父节点,以及传入的特殊上下文值,这些值可以提供有关当前已认证用户的信息。

    8.3K40

    Spring认证_什么是Spring GraphQL

    反应式 DataFetcher 默认GraphQlSource构建器启用对 aDataFetcher返回Mono 或 的支持Flux。...无论返回类型适合在一个CompletableFutureFlux聚集,变成了一个列表值,除非请求是GraphQL订阅请求,在这种情况下返回值保持在无流Publisher的流GraphQL响应。...网管 DataFetcherGraphQL Java 调用的A和其他组件可能并不总是在 Spring MVC 处理程序相同的线程上执行,例如,如果异步 WebInterceptor或DataFetcher...网络流量 一个反应DataFetcher可以依靠获取反应堆背景下,从WebFlux源自请求处理链。这包括由WebInterceptor组件添加的 Reactor 上下文。...它使应用程序能够注册一个或多个DataFetcherExceptionResolver按顺序调用的Spring组件,直到将 解析Exception为graphql.GraphQLError对象列表。

    2.9K20

    安息吧 REST API,GraphQL 长存

    这意味着我们可以把客户端服务端分离开来,单独进行维护和改进。 糟糕的前端开发体验:使用 GraphQL,开发人员可以声明式地来表达其用户界面的数据需求。他们声明他们需要什么数据,而不是如何获取它。...尽管这并不是拿来 REST API 作比较的一个重点 - 因为这很容易实现,而 GraphQL 运行时提供了一种结构化和标准化的方式。 ?...截图来源于我的 Pluralsight 课程 - 使用 GraphQL 构建可扩展的 API。 我们可以让客户端 GraphQL 层通信,而不是直接连接两个不同的数据服务(如上面的幻灯片中那样)。...然后,只有把所有三个人的知识结合在一起才能得到回答。如果你有一个能说这三种语言翻译人员,那么把你的问题的答案结合在一起就很容易。这正是 GraphQL 运行时所做的。...顾名思义,DataLoader 是一个可用于从数据库读取数据并使其可用于 GraphQL 解析函数的工具程序。

    2.7K30

    30分钟理解GraphQL核心概念

    API不是用来调用的吗?是的,这正是GraphQL的强大之处,引用官方文档的一句话: ask exactly what you want....为了能够使GraphQL正常工作,我们还需要再了解一个核心概念,Resolver(解析函数)。...GraphQL中,我们会有这样一个约定,Query和之对应的Resolver是同名的,这样在GraphQL才能把它们对应起来,举个例子,比如关于articles(): [Article!]!...args: 传入某个Query中的函数(比如上面例子中article(id: Int)中的id) ctx: 在Resolver解析链中不断传递的中间变量(类似中间件架构中的context) info:...如果是想使用GraphQL本身做系统开发,这里推荐了解一个叫做prisma的框架,它本身是在GraphQL的基础上构建的,并且一些GraphQL的生态框架兼容性也较好,在各大编程语言也均有适配,它本身可以当做一个

    2K40

    30分钟理解GraphQL核心概念

    API不是用来调用的吗?是的,这正是GraphQL的强大之处,引用官方文档的一句话: ask what exactly you want....为了能够使GraphQL正常工作,我们还需要再了解一个核心概念,Resolver(解析函数)。...GraphQL中,我们会有这样一个约定,Query和之对应的Resolver是同名的,这样在GraphQL才能把它们对应起来,举个例子,比如关于articles(): [Article!]!...: 传入某个Query中的函数(比如上面例子中article(id: Int)中的id) ctx: 在Resolver解析链中不断传递的中间变量(类似中间件架构中的context) info: 当前Query...如果是想使用GraphQL本身做系统开发,这里推荐了解一个叫做prisma的框架,它本身是在GraphQL的基础上构建的,并且一些GraphQL的生态框架兼容性也较好,在各大编程语言也均有适配,它本身可以当做一个

    98620

    GraphQL语法用于模式验证和代码生成的新方法

    InfoQ:契约优先的开发并不是一个新想法,但是我们会更经常地看到OpenAPI和JSON Schema被用来定义契约。...另一个原因是,GraphQL语法是人类可读的,JSON Schema相比,使用起来更简单。这促进了团队之间的沟通。...AsyncAPI尝试AWS EventBridge一起处理不必要的传输。此外,将验证传输逻辑耦合在一起将使我们的系统更加复杂,保持关注点的分离使开发更加容易。...InfoQ:GraphQL模式是存储在单独的repos中,还是存储在生产者或消费者中? Nav开发团队:GraphQL模式当前存储在处理器和随后生成的代码相同的存储库中。...可以根据职责将项目划分为多个repos,一个或多个repos可以包含GraphQL及其类型扩展,这些类型扩展最终合并为一个模式,作为解析器输入。

    20210

    边缘服务的一致性、耦合和复杂性

    当你将 REST OpenAPI 结合在一起时,开发人员很容易就知道如何使用你的 API。 一个基本的新闻源 RESTful API Swagger 规范。...这里还有另一个问题,即 RESTful API 前端 GUI 关注点不是很契合。RESTful API 本身不支持推送通知,但支持回调 (通过 WebHook 实现)。...后端开发人员必须编写 schema 和解析器。框架调用在请求中指定的解析器,然后将每个解析器的响应拼接在一起。 类似的基本新闻提要的 GraphQL schema。...集成服务应该作为第三方应用的反应式抗腐蚀层,如电商网站(后端集成)和电子表格(前端集成)。 还有其他一些类型的服务这里没有提及。...但如果不是在本地开发,我建议使用 Nginx。这样可以将配置了同源策略的文件应用程序代码放在一起

    93310

    Graphql实践】使用 Apollo(iOS) 访问 Github 的 Graphql API

    最近在协助调研 Apollo 生成的代码是否有可能跨 Query 共享模型的问题,虽然初步结论是不能,并不是预期的结果,但是在调研过程中积累的一些经验,有必要记录下。...配置 graphiql -- graphql 调试工具 这个地方,也是各种坑。第一反应就是去看官方文档,但是文档过时太多,坑太深。...如果看不懂我上面在说什么,说明你很可能不是一个 Web 前端,那就直接用一个基于 graphiql 开发的 APP 吧: https://github.com/skevy/graphiql-app。...完整的工具库,见https://github.com/APIs-guru/graphql-voyager。如果能和上文的 graphiql 的 App 聚合在一起,就非常完美了。...Github 的 API 看起来,似乎也不是很复杂嘛~~ 关于 Apollo iOS 库 文档肯定是要要先看下的:https://www.apollographql.com/docs/ios/。

    1.4K00

    Coursera 的 GraphQL 之旅

    首先,我们构建了少量的 GraphQL 解析器,然后在生产环境中启动一个 GraphQL 服务器,以调用下游 REST 接口请求我们的资源。...为此,我们需要自动且准确地构建我们的 GraphQL 层,以正确反映当前运行在我们的架构中的业务资源,而不是我们之前做的那样。...但是,我们最初的方案仅提供了 REST API 返回的模型 GraphQL 返回的模型之间的一对一映射。...这样并没有将我们的资源真正地链接在一起,我们仍然会使用尽可能多的 GraphQL 查询来获取数据,就像使用 REST API 一样。...schema 就会开始合并在一起——它们并非是能通过 GraphQL 获取的多块小数据,而是由所有 Coursera 的数据和资源组成的网络。

    1.2K40

    Salesforce 构建可扩展 API 的旅程

    API 是一个重要的工具,允许合作伙伴、开发人员和其他应用消费我们提供的微服务,之进行通信,并基于此构建各种各样的功能。...高质量的 API 要能够随着业务生态系统的发展而扩展,构建这样的 API 并不是一件容易的事情,需要对所有的事情进行通盘思考和规划,涉及到选择哪种执行环境,甚至要决定该使用哪种 API 技术。...它能够无缝 Consul 和 Vault 集成,实现服务发现和 secret 管理。...简单来讲,解析器就是由开发人员提供的一个函数,用来解析模式中定义的每个字段并从配置的资源(如数据库、其他 API 或缓存等)中返回值。...该字段的解析函数很可能会访问一个数据库,并构造和返回 ClassificationInsightByUser 对象的一个列表。

    1K10

    GraphQL】225-GraphQL真香入门教程

    下面开始本文内容: 一、GraphQL介绍 GraphQL 是 Facebook 开发的一种 API 的查询语言, 2015 年公开发布,是 REST API 的替代品。...便于维护,根据需求平滑演进,添加或隐藏字段; GraphQL 使用类型来保证应用只请求可能的数据,还提供了清晰的辅助性错误信息。应用可以使用类型,而避免编写手动解析代码。 2....二、GraphQLrestful对比 1. restful介绍 全称: RepresentationalStateTransfer 表属性状态转移。... GraphQL 比较 restful 一个接口只能返回一个资源, GraphQL一次可以获取多个资源。 restful 用不同 url 来区分资源, GraphQL 用类型区分资源。...就是这里要学习使用的构造函数 graphql.GraphQLObjectType 定义,它有这么几个优点和缺点: 优点:报错提醒更直观,结构更清晰,更便于维护。 缺点:代码量上升。 1.

    8.1K21

    写在 2021: 值得关注学习的前端框架和工具库

    但有一点请注意,学有余力不是因为当前方向浅尝辄止而学有余力,是在当前方向足够深入同时还学有余力~对于不知道学啥的同学,就有了这篇文章,我会在接下来罗列我深入/尝试/了解过的,认为值得学习的各个方向框架工具类库...XState[4],不止适用于React,可以和Vue/Svelte/Ember这样的框架一起,也可以和RxJS这样的响应式库一起用。...DataLoader[49],解决GraphQL Resolver深度优先执行导致的N+1问题,详见GraphQL N+1 问题到DataLoader源码解析[50] GraphQL-Tools[51]...Monorepo Nx[77],我在用这个作为业务项目的Monorepo管理,到目前感觉都挺好,尤其是Angular + Nest项目,基于后端的GraphQL Schema生成TypeScript的类型定义和函数...] DataLoader: https://github.com/graphql/dataloader [50] GraphQL N+1 问题到DataLoader源码解析: https://linbudu.top

    4.2K10

    2019年要学习的前5个前端开发主题

    全栈反应。博客和时事通讯都有很深入的React文章 React播客。如果你是播客,Michael Chan AKA Chantastic的这个很棒。 免费课程 开始学习反应。...付费课程 现代ReactRedux [2019年更新]。我在开始使用React时采用的React课程,更新了新内容以处理最新和最强大的功能。...这是一个比上面更短的课程,我认为视频不是很好,但VueMastery能够为您提供的不仅仅是一个视频。您还可以获得文本课程,下载所使用的任何资源,并参与基于CodePen的练习。...我不确定有多少工作需要GraphQL,所以这可能不是一个直接赚钱的人,但从动机和动力的角度来看,现在学习这将使你处于一个非常有利的未来。 免费资源 GraphQL.org文档。...GraphQL之路。免费书籍(虽然确实需要电子邮件注册),以及付费升级选项,为您提供一堆入门模板和相关内容。 GraphQL每周。GraphQL相关文章的每周简报综述 免费课程 如何GraphQL

    2.2K20

    与我一起学习微服务架构设计模式8—外部API模式

    好处弊端 好处 客户端不必调用特定服务,而是API Gateway通信,减少往返次数,简化了代码。 弊端 存在成为开发瓶颈的风险。...它可以由三部分组成: GraphQL模式:定义服务器端数据模型及其支持的查询 解析函数解析函数将模式的元素映射到各种后端服务。 代理类:代理类调用应用程序的服务。...把模式连接到数据源 当GraphQL服务器执行查询时,必须从一个或多个数据存储中检索所请求的数据。通过将解析函数附加到模式定义的对象类型字段,可以将GraphQL模式数据源相关联。...GraphQL通过调用解析函数检索数据,以此实现API组合模式。 GraphQL通过递归调用Query文档中指定的字段解析函数来执行查询。...首先,它执行查询解析器,然后递归调用结果对象层次结构中字段的解析器。 使用批处理和缓存优化负载 批处理将N个调用转换为服务,变成单个调用,该调用将检索一批N个对象。

    1.4K30
    领券