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

当我在graphql查询中更新缓存时,javascript“无法添加属性”“对象不可扩展”

当你在GraphQL查询中更新缓存时,遇到"无法添加属性"和"对象不可扩展"的问题,这通常是因为你正在尝试向一个不可变对象添加属性或修改属性。在JavaScript中,一些对象是不可变的,意味着你无法更改它们的属性。

这种问题通常出现在使用一些库或框架时,这些库或框架可能会使用不可变对象来提高性能或确保数据的一致性。在这种情况下,你需要遵循库或框架的规则和约定。

要解决这个问题,你可以尝试以下几种方法:

  1. 检查对象是否为不可变对象:首先确保你正在尝试修改的对象不是不可变对象。如果是不可变对象,则无法直接更改其属性。你可以查看相关库或框架的文档,了解对象是否是不可变的。
  2. 使用正确的方法进行更新:如果你确定对象是可变的,那么你可能是在使用错误的方法来更新它。例如,如果你正在使用Object.freeze()方法将对象冻结,那么对象将变为不可变对象,你将无法修改它。在这种情况下,你可以尝试使用其他方法来更新对象,如Object.assign()或扩展操作符...
  3. 创建新的可变对象:如果对象确实是不可变的,你无法直接修改它。但你可以创建一个新的可变对象,并将原始对象的属性复制到新对象中。然后,你可以对新对象进行修改和更新。

综上所述,当在GraphQL查询中更新缓存时遇到"无法添加属性"和"对象不可扩展"的错误,需要检查对象是否为不可变对象,使用正确的方法进行更新,或创建新的可变对象来解决该问题。

注意:这里给出的答案是通用的解决方法,并没有提及特定的腾讯云产品和产品介绍链接。如果需要了解与该问题相关的腾讯云产品和产品介绍链接,建议参考腾讯云文档或咨询腾讯云官方技术支持。

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

相关·内容

用 Gatsby 创建一个博客

这些问题,让我们通过编写一个GraphQL查询来回答,以便为我们的组件添加内容。 编写一个 GraphQL 查询 在 Template 声明下面,我们将添加一个 GraphQL 查询。...通过注入的属性获得 data,在 GraphQL 查询中被命名为 markdownRemark 。我们通过 GraphQL 查询获取的每个属性都可以在 markdownRemark 下面找到。...此时需要注意的一点是,GraphQL 查询是在构建时进行的。该组件被注入数据由 GraphQL 查询所得到。...每个公开的属性(在节点上)都可以用于查询。我们正在有效地创造一个GraphQL数据库,然后我们可以通过页面级的GraphQL查询对它进行查询。...我们的 GraphQL“形状”直接反映在这个数据对象中,因此,当我们在GraphQL博客文章模板中查询时,我们从该查询中提取的每个属性都将可用。

2.5K30

你还在用 REST API 吗?

我们传递查询并得到响应。除此之外,它还允许我们将不同的实体组合到单个查询中。 GraphQL 的优势 检索精确的数据,无任何多余数据。...在 GraphQL 中,可以得到我们所请求的内容,这是一个很大的优势。 客户端开发速度更快。通常,当数据需求发生变化时,我们只需修改查询,且无需太多的变更,因此可以快速进行产品迭代。...例如,在第一个请求中,我们只需要名称,但是当我们使用这种方法时,我们将会获取该用户相关的所有详细信息。 此时就是 GraphQL 显示其强大功能的时候了。我们需要指定查询,然后才能获得所需的输出。...}} 通过使用这样的查询,我们将能获得具有以下属性的 JSON 响应。...在 GraphQL 中,我们得到的就是我们所要求的。 对象定义(JSON 响应) 在 REST 中,我们可以在后端定义对象,而在 GraphQL 中,我们则要在前端定义该对象。

1.5K10
  • 尝试使用官方教程学习 GraphQL

    GraphQL 的使用概念大致如下:在服务器端定义 API 和数据的模式,并进行实现。客户端使用 GraphQL 独有的查询语言发送请求,以获取、更新等操作数据。...在使用 REST API 时,如果要获取用户和用户拥有的书籍数据,通常需要从各自的 API 中获取用户信息和书籍信息,然后在客户端组合所需的属性。...,容易出现 N+1 问题使用 dataloader 库的延迟加载进行处理由于向单一终端发送请求,无法进行基于 URL 的缓存使用专用的客户端库进行处理Apollo ClientRelay官方教程(JavaScript...通过在查询中指定以 $ 为前缀的关键字,并在变量中传递具有相应关键字属性的对象,可以自动转义值并发出查询。...在带有参数的 API 中,参数将作为对象传递给解析器的第一个参数。

    18910

    安息吧 REST API,GraphQL 长存

    即使与 REST API 打交道这么多年,当我第一次了解到 GraphQL 和它试图解决的问题时,我还是禁不住把本文的标题发在了 Twitter 上。 ? 请别会错意。...因此,当客户端需要获取多个资源的数据时,需要对 REST API 进行多次往返,以将其所需的数据放在一起。 在 REST API 中,没有客户端请求语言。客户端无法控制服务器返回的数据。...对于版本控制,GraphQL 的做法很有趣。我们可以完全避免版本控制。本质上,我们可以添加新的字段,而不需要删除旧的字段,因为我们有一个图,并且我们可以通过添加更多的节点来灵活地扩展图。...现在,将 GraphQL 查询与我们为数据定义的声明式的 React UI 进行比较。GraphQL 查询中的所有内容都在 UI 中被用到,UI 中的所有内容都会显示在 GraphQL 查询中。...多个 GraphQL 查询的结果很容易重叠,而这种基础的缓存方式无法解决重叠的问题。 对于这个问题有一个很巧妙的解决方案,那就是使用图查询表示图缓存。

    2.7K30

    REST API和GraphQL API的比较

    RESTful API 使用 HTTP 方法在处理数据时执行 CRUD(创建、读取、更新和删除)过程。 为了促进缓存、AB 测试、身份验证和其他过程,标头向客户端和服务器提供信息。...在 GraphQL 架构中,客户端提交查询以获取数据。 典型场景 REST API 假设您有一个 API 来获取学生数据。...支持 JavaScript 对象表示法 (JSON) 的 Web 令牌完成 HTTP 身份验证过程,以便从 Web 浏览器安全传输数据。...使用 GraphQL,您可以向您的 API 发送请求并接收准确的响应,而无需进一步添加。因此,来自 GraphQL 查询的极其可预测的响应提供了良好的可用性。...GraphQL 通过单个端点提供,通常是 (/graphql),并且与 HTTP 规范不同。因此,无法像 REST API 那样缓存查询。 但是,由于可用的工具,客户端缓存优于 REST。

    56210

    为什么GraphQL是API的未来

    例如,如果我们只需要在 REST API 中获取用户的 firstName,lastName 和 age,就无法在不获取整个对象的情况下得到这些数据。 ? 信息欠缺也存在问题。...在一个巨大的程序中,扩展性会很差,因为在某些情况下我们只需要获取特定的数据,而不是整个对象。假设我们正在开发一个具有 100 个端点的程序。想象一下工作量和产生的代码量。...这些在 GraphQL 中并不需要,因为你可以通过添加或删除类型来改进 API。 在GraphQL中,你所需要做的就是写新代码。可以编写新类型、查询和修改,而无需维护其他版本的API。...如果你并不是把 JavaScript 作为主要语言,那也不是问题。 GraphQL 是一种查询语言,这意味着你可以使用任何自己熟悉的语言。...在本系列的下一篇教程中,我将深入研究 GraphQL,展示 GraphQL 如何与类型一起工作,并创建我们的第一个查询和修改。 所以请继续关注并希望在下一个教程中见到你!

    1.6K30

    2021 年 Node.js 开发人员学习路线图

    目标导向有助于在学习中聚焦关键技能,而非纠结于是否值得去学习。 必备技能 JavaScript 对于一名前端开发人员,在考虑掌握后端技能时,无需花费大量的精力学习去 JavaScript。...模块是可复用的 JavaScript 代码,实现特定的功能。 开发技能 版本管理系统:掌握 git、GitHub 等的使用。开发中,应尽量避免交叉修改代码导致的更改不可逆。...Solr:提供包括字段搜索、布尔查询、短语查询、模糊查询、语法检查、自动填全等高级实时搜索功能。 缓      存 注意:缓存使用内存中存储文件拷贝,降低网络调用,提供更快的网络响应。...该技术尤其适用于大规模数据和大量网络调用的情况,通过在群集中添加更多的服务器实现缓存容量的增量扩展和扩容。Redis 是目前最广为使用的 分布式内存,推荐进一步了解 Memcached。...GraphQL 具有多项优点,包括在不影响现有查询情况下添加和禁用数据域,以及支持多种方式构建 API。 测      试 单元测试框架 单元测试实现各单元和组件的隔离测试。

    2.5K20

    你需要 GraphQL 吗?

    第一次了解到 GraphQL 是查阅 Github 文档时,偶然看到 v4 版本文档只要一个链接就可以完成所有获取数据和更新数据请求,当时看到觉得特别惊艳,能跳出 REST 请求模式,构建出全新的一套环境来实现网络请求...加载太多无用内容 使用 API 的前端开发人员无法限制接口返回内容,而且在接口复用中,通常会接收到很多不需要的字段,导致请求包很大,网络耗时变长。...它是 GraphQL 标识对象时唯一的 key,会序列化成一段字符串。 通过类型系统,我们在开发时可以通过 GraphQL 开发工具清晰地看到对象属性及其类型,以及我们当前的输入哪里有误。...无版本API 因为 GraphQL 只返回显示请求的数据,我们在给对象新增属性或能力时,对于现有的接口请求返回是一致的,无需像 REST 请求一样需要用 v1/v2 来兼容原有数据,方便向前兼容。...然而,不是所有情况都适合 GraphQL 发挥 如果你的项目功能足够很简单,只有屈指可数个 API,那么使用它反而会让项目结构变得复杂; 在需要 CDN 缓存时,它只有一个端点,无法通过 URL 来定位资源的

    2.2K70

    2021年Node.js开发人员学习路线图

    目标导向有助于在学习中聚焦关键技能,而非纠结于是否值得去学习。 必备技能 JavaScript 对于一名前端开发人员,在考虑掌握后端技能时,无需花费大量的精力学习去 JavaScript。...模块是可复用的 JavaScript 代码,实现特定的功能。 开发技能 版本管理系统:掌握 git、GitHub 等的使用。开发中,应尽量避免交叉修改代码导致的更改不可逆。...Solr:提供包括字段搜索、布尔查询、短语查询、模糊查询、语法检查、自动填全等高级实时搜索功能。 缓 存 注意:缓存使用内存中存储文件拷贝,降低网络调用,提供更快的网络响应。...该技术尤其适用于大规模数据和大量网络调用的情况,通过在群集中添加更多的服务器实现缓存容量的增量扩展和扩容。Redis 是目前最广为使用的 分布式内存,推荐进一步了解 Memcached。 ?...GraphQL 具有多项优点,包括在不影响现有查询情况下添加和禁用数据域,以及支持多种方式构建 API。 测 试 单元测试框架 单元测试实现各单元和组件的隔离测试。

    2.6K20

    Coursera 的 GraphQL 之旅

    我还记得当 Facebook 首次推出 GraphQL 时,我们团队都兴奋不已——我们当即意识到 GraphQL 可以解决我们的很多问题,让我们可以在单次的请求中获取所有数据,并为我们的 API 提供结构化文档...我们本可以手动更新 schema 并修复我们的 demo,但是我们很快意识到,由于我们的 GraphQL schema 扩展了1,000多个不同的资源,由50多个服务提供支持,手动同步所有的更新是不可能的...然而,使用 GraphQL,则模型和资源之间需要相互关联。 自动建立资源之间的链接并不可行,所以我们定义了一个简单的注解,开发人员可以添加资源来指定它们之间的关系。...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全...WEB前端性能优化常见方法 一小时内搭建一个全栈Web应用框架 干货:CSS 专业技巧 四步实现React页面过渡动画效果 让你分分钟理解 JavaScript 闭包 ---- ---- 小手一抖,

    1.2K40

    GraphQL

    演化到网站想包含存在数据库(例如SQL)里的动态内容,并通过JavaScript来添加交互功能。绝大多数的Web内容都通过桌面电脑的Web浏览器来访问的,看起来一切都很美好 ?...这样可以,但增加了我们API的表面积,同时给开发者带来了不断更新和提供详尽文档的负担 GraphQL中的版本控制则不同,每个GraphQL查询都需要准确描述什么字段被请求了。...如果一个来自/movies/1端点的响应说可以缓存,将来对/movies/1的任何请求都可以简单的换成缓存里的东西,非常简单 GraphQL中的缓存处理稍微有些不同,缓存一个GraphQL API通常需要对...每个对象都有一个唯一标识符的话,客户端可以建立标准化的缓存,用这个标识符来做可靠的缓存、更新和过期。客户端发起引用该对象的下游查询时,就用该对象的缓存版本。...说到这里,开发者为REST API的扩展付出了巨大代价。接口数量瞬间爆炸,不一致性越来越明显,版本控制越来越困难 GraphQL在开发体验方面确实有过人之处。

    1.5K40

    GraphQL是API的未来,但它并非银弹

    这是不可能的。你必须以一种非破坏性的方式引入此更改。了解下 Facebook 是如何避免破坏客户端的,这很有趣。 在 GraphQL 的情况下,模式演进意味着弃用一个旧字段,并添加一个新字段。...在 OAS 中还可以描述 OAuth2 流和每个端点的作用域。此外,你还可以描述查询参数的确切类型和验证规则,这是 GraphQL 所没有的特性。 GraphQL 无法描述身份验证、授权和输入验证。...当我们讨论 GraphQL 中的类型安全时,其实我们的意思是,我们相信 GraphQL 服务器的行为会与自省查询响应保持一致。为什么我们不能同样信任接口定义规范呢?我想我们可以。...你必须描述所有的 API,至少在开始时,这会是一种负担。 需要补充的一点是,有很多框架允许你用自己喜欢的编程语言描述模式,比如,通过定义对象或类。...你可以使用其他工具,或者扩展 GraphQL,来获得更好的结果,例如使用 Relay 来持久化查询。要真正地从 GraphQL 文档中获得好处,你要做的不仅仅是向模式中添加描述。

    2K10

    用 GraphQL 查询你的 Django 应用

    也正因此,GraphQL 在实现上更加繁复,所以面对 API 数量少、需求不会轻易的场景时,REST 反而是更适合的技术选型。...vs 扩展的 REST 协议 (此小节中图片拷贝自网络,懒得画) 和 REST 一样,GraphQL 并不是什么开发框架,它只是定义了一种通用型查询的 DSL。...相较于原生的 GraphQL ,客户端主要解决了几件事情: 客户端数据拉取缓存问题(包括缓存一致性、更新缓存等) 数据分页、声明式数据获取 ......可以在列表对象中增加 filter_fields ,针对不同的字段支持不同的 Django 复杂查询方法。...return User.objects.get(username=username) 需要注意的是,当我们使用 resolve_ 函数去处理查询时,GraphQL 和 REST 本质上只是查询 DSL

    2K60

    GraphQL最突出的架构优势是什么?

    ,我们可以使用 @client 指令来引用要基于一个客户端模式从本地缓存中获取的属性。...5GraphQL 是自文档化的 维护 RESTfulAPI 时需要做的一件麻烦事是保持文档及时更新和内容全面。 RESTfulAPI 有两处可以更改。...如果你认为自省(introspection)是全面的文档,那么可以说 GraphQL 是自文档化的,并且你的 API 文档无法失去同步。...由于具备执行自省查询的能力,所以 GraphQL Playground 的 GraphQL 资源管理器可以显示 GraphQL 端点的所有功能 在 REST 领域中,我只看到了使用 Swagger 构建的...收到请求时,将从相应的服务中解析这些字段。 对于规模庞大的组织来说,这种需求并不罕见。 7单一端点 SOLID 原则中的开闭原则指出: “组件 / 系统 / 类应对扩展开放,但对修改封闭”。

    2.2K20

    【GraphQL】225-GraphQL真香入门教程

    GraphQL 查询能够遍历相关对象及其字段,使得客户端可以一次请求查询大量相关数据,而不像传统 REST 架构中那样需要多次往返查询。...ID: ID 标量类型表示一个唯一标识符,通常用以重新获取对象或者作为缓存中的键。 ID 类型使用和 String 一样的方式序列化;然而将其定义为 ID 意味着并不需要人类可读型。...自定义返回类型 在实际开发中,我们返回的数据类型可能是一个对象,对象中可能既有 Int 类型的属性,也有 String 类型的值,等等,这里我们可以使用 自定义返回类型 来处理: //...省略其他 const...前端页面请求 然后给 index.html 添加按钮和事件绑定: 这里的变量 query 是个字符串类型,定义查询条件,在条件 GetSuperHero 中的参数,需要用 $ 符号来标识,并在实际查询...属性上 属性定义 定义在类型后,键值对形式 定义在参数对象 fields 属性中,值为对象,每个属性名为键名,值也是对象,其中 type属性的值为 graphql 中的属性,下面会补充 补充: fields

    8.1K21

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

    其他客户端在防火墙之外运行,通过较低带宽、较高延迟的互联网或移动网路访问。...开发人员必须更新API Gateway才能对外公开服务的API。更新过程要尽可能轻量化,必要时使用后端前置模式。...简单情况下,查询文档包含查询的名称,参数值及要返回结果的对象字段。 把模式连接到数据源 当GraphQL服务器执行查询时,必须从一个或多个数据存储中检索所请求的数据。...GraphQL通过递归调用Query文档中指定的字段解析器函数来执行查询。首先,它执行查询解析器,然后递归调用结果对象层次结构中字段的解析器。...使用批处理和缓存优化负载 批处理将N个调用转换为服务,变成单个调用,该调用将检索一批N个对象。缓存会利用先前获取的同一对象结果,以避免不必要的重复调用。

    1.4K30

    GraphQL真香入门教程

    GraphQL 查询能够遍历相关对象及其字段,使得客户端可以一次请求查询大量相关数据,而不像传统 REST 架构中那样需要多次往返查询。...ID: ID 标量类型表示一个唯一标识符,通常用以重新获取对象或者作为缓存中的键。 ID 类型使用和 String 一样的方式序列化;然而将其定义为 ID 意味着并不需要人类可读型。...自定义返回类型 在实际开发中,我们返回的数据类型可能是一个对象,对象中可能既有 Int 类型的属性,也有 String 类型的值,等等,这里我们可以使用 自定义返回类型 来处理: //...省略其他 const...字符后面,这里是 typeHero 在参数对象的 name 属性上 属性定义 定义在类型后,键值对形式 定义在参数对象 fields 属性中,值为对象,每个属性名为键名,值也是对象,其中 type属性的值为...,数据库中也有这两条数据了: 在测试下查询: query { hero { name age } } 查询也正常,接下来测试下更新,将美国队长的 age

    7.3K30

    GraphQL+Koa2实现服务端API结合Apollo+Vue

    它弥补了 RESTful API(字段冗余,扩展性差、无法聚合 api、无法定义数据 类型、网络请求次数多)等不足 注意:GraphQL 是 api 的查询语言,而不是数据库。...然而在业务越发复杂,客户对系统的扩展性有了更高的要求时,API 环境发生了巨 大的变,RESTful 显得心有余而力不足。...比如:字段冗余,扩展性差、无法聚合 api、无法 定义数据类型、网络请求次数多 GraphQL 的出现整好弥补了 RESTful APi 的不足 使用 GraphQL 的公司 目前已经有很多的公司在使用...字符序列 -- GraphQLString Boolean:true或者false -- GraphQLBoolean **ID(GraphQLID)**:ID标量类型表示一个唯一标识符,通常用以重新获取对象或者作为缓存中的键...',     apolloProvider,     render:h=>h(App) }) 简单查询 组件加载的时候就会去服务器请求数据,请求的数据会放在navList这个属性上面,在模板中可以直接使用当前属性

    5.2K42

    GraphQL两年实战避坑经验

    GraphQL Schema 每次更新时,都必须重新启动多个 API。这非常繁琐。 另一个可能出现的问题是,如果应用需要逆链反向查询,而非顺链而下查询,这时拼接无法工作。...鉴于现在 Public API 获取所有的 Schema,我们可以添加处理 order 属性的代码,扩展 Product 的 Schema。...当前并非所有的变更都可通过 Public API 访问,因此在更新支付的状态时需要直接调用 Payment API。...这对于变更不存在问题,但并不适用于所有的查询,因为父对象和子对象只是在 Public API 做拼接。为解决这个问题,我们需要再次重新编排配置,如下图所示: ?...例如,如果需要对 Product 添加一个状态,建议命名为 ProductStatus,而不要直接使用 Status,以免出现类型冲突问题。 建议在查询中添加过滤,以免额外单独编写查询。

    1.1K30

    GraphQL到底怎么使?看看智联前端团队技术沉淀

    同时虽然规范中没有规定 Resolver 缺少的情况,但引擎实现时,一般会实现一个向父层字段(即字段所在对象)取与自己同名的属性的值的 Resolver。...而在研究 GraphQL 时发生的的误解在于: 规范、教程提到 query(查询)时,无法确认是指客户端侧客户端发出的 Query Document 整个操作还是,Document 中的 query 操作...、处理、缓存工作,也在 BFF 层进行过数据模型定义的尝试,同时已经有团队在现有 BFF 中接入了 GraphQL 能力并稳定运行了一段时间。...版本控制:客户端结构化的查询方式可以让服务追踪到字段的使用情况。且在增加字段时,根据结构化查询按需查询的特点,不会影响旧的调用(虽然 JavaScript 对多了个字段的事情不在意)。...在 Node.js(JavaScript)中,由于面向对象、类型的支持程度问题,开发者编程思维问题,实现成本比 Java 等其他语言更高,要谨慎考虑成本。

    2.3K20
    领券