如何为 apollo 客户端生成片段类型？

Question

我有一个使用 apollo-client 用 reason-react 编写的应用程序。 我在前端定义了一些片段，基本上可以重用一些字段定义。 我正在为使用片段的组件设置自动化测试，但我不断收到此警告，说我需要使用IntrospectionFragmentMatcher 。

'You are using the simple (heuristic) fragment matcher, but your queries contain union or interface types. Apollo Client will not be able to accurately map fragments. To make this error go away, use the `IntrospectionFragmentMatcher` as described in the docs: https://www.apollographql.com/docs/react/advanced/fragments.html#fragment-matcher'

我已经尝试根据文档设置片段匹配器。 codegen 结果不返回任何类型：

{
  "__schema": {
    "types": []
  }
}

当我查询我的服务器并查看 apollo-client 推荐的手动方法时，我注意到它也不会返回任何类型。

另一个奇怪的事情是，当我不使用片段匹配器时，我得到了模拟的响应，但我只是收到了来自 apollo 的警告。 如果我确实使用它，那么模拟的响应不会正确返回。

为什么要查询 graphql api 以获取在我的前端代码中定义的片段？ 为什么我只会在运行测试和使用模拟数据时收到这些错误，而不是在运行我的实际应用程序时？

Answer 1

如错误所述，默认片段匹配器不适用于交集或联合类型。 您将需要使用 Apollo 的IntrospectionFragmentMatcher 。 它的工作原理是向服务器（自省）询问有关您的模式类型的信息，然后提供该信息以供缓存参考，以便准确匹配字段。 它不是向服务器查询有关您在前端定义的片段的信息，而是询问有关必须在后端定义的 GraphQL 模式的数据，以便它可以正确地将两者关联起来。 文档中有一个示例， 此处还有更多信息。

至于为什么您的服务器不返回任何类型，这是一个单独的问题，需要更多信息来调试。 如果您使用的是 Apollo Server，请仔细检查您的架构，以确保正确定义了所有必要的类型，并且在初始化时将它们传递给服务器。