Graphql 如何将本地@client模式扩展添加到apollo codegen

我正在使用，它向查询根添加了一些字段，我提供了一个

typeDef

，它看起来像这样：

extend type Query {
    foo: String
}

我也在用。但是，它不应用扩展，并返回一个错误：

.../src/components/Foo/Foo.js: Cannot query field "foo" on type "Query".

当遇到对扩展字段的查询时：

query FooQuery {
    foo @client
}

所以我的问题是：我如何告诉apollo codegen有关客户端扩展的信息？

好的，根据我们的说法，目前还没有内置的方法。受此启发，我编写了一个快速脚本来合并服务器和客户端架构：

#!/usr/bin/env node

const fs = require("fs");
const path = require("path");

const { introspectionFromSchema } = require("graphql/utilities");
const { makeExecutableSchema } = require("graphql-tools");
const { fileLoader, mergeTypes } = require("merge-graphql-schemas");

// Make sure unhandled errors in async code are propagated correctly
process.on("uncaughtException", error => {
  console.error(error);
  process.exit(1);
});

process.on("unhandledRejection", error => {
  throw error;
});

async function introspectSchema(input, output) {
  const schemas = [].concat(...input.map(i => fileLoader(i)));
  const typeDefs = mergeTypes(schemas, {
    all: true
  });

  const schema = await makeExecutableSchema({
    typeDefs,
    resolverValidationOptions: { requireResolversForResolveType: false }
  });
  const introspection = await introspectionFromSchema(schema);
  const json = JSON.stringify(introspection, null, 2);
  fs.writeFileSync(output, json);
}

const input = [
  path.join(__dirname, "../data/*.graphql"),
  path.join(__dirname, "../src/*.graphql")
];

const output = path.join(__dirname, "../src/__generated__/schema.json");

// Generate an introspection JSON format from remote GraphQL server merging
// with any local GraphQL schemas
introspectSchema(input, output, true);

并在运行codegen之前调用它：

node scripts/merge.js && \
apollo-codegen generate src/components/**/*.js \
  --schema src/__generated__/schema.json \
  --target flow-modern \
  --add-typename \
  --use-flow-exact-objects false \
  --use-flow-read-only-types true

请注意，这并不验证对客户机模式的查询是否使用

@client

指令，这将是一流支持的一大优势。但是，这至少会使生成的类型保持工作状态