服务器返回的`__typename` 与 graphql 模式不匹配

Question

当我使用type-graphql构建模式并使用apollo-server-lambda创建服务器并将其部署到netlify functions时，发生了错误。

由type-graphql生成的模式

# -----------------------------------------------
# !!! THIS FILE WAS GENERATED BY TYPE-GRAPHQL !!!
# !!!   DO NOT MODIFY THIS FILE BY YOURSELF   !!!
# -----------------------------------------------

type Project {
  name: String!
  summary: String!
  titleAndSummary: String!
}

type Query {
  projects: [Project!]!
}

问题

我想当我查询到 API

{
  __schema {
    types {
      name
    }
  }
}

API 必须回复赞

{
    "data": {
        "__schema": {
            "types": [
                {
                    "name": "Query"
                },
                {
                    "name": "Project"
                },
                // ...
            ]
        }
    }
}

但我得到了

{
    "data": {
        "__schema": {
            "types": [
                {
                    "name": "Query"
                },
                {
                    "name": "a"
                },
                // ...
            ]
        }
    }
}

我打算将 graphql 与Elm-Graphql一起使用，使用它们的__typename属性自动生成模块。 这就是为什么我必须解决上述问题。

我努力解决它，但甚至找不到问题出在哪里。 似乎在type-graphql或apollo-server甚至netlify functions （我尝试了 .netlify 开发服务器和实际部署的真实服务器）

代码

graphql.ts

import 'reflect-metadata';
import { ApolloServer } from 'apollo-server-lambda';
import { buildSchemaSync } from 'type-graphql';
import { QueryResolver, ProjectResolver } from './resolver';

const schema = buildSchemaSync({
  resolvers: [QueryResolver, ProjectResolver],
});

const server = new ApolloServer({
  schema,
  debug: false,
});

export const handler = server.createHandler();

类型.ts

import { ObjectType, Field } from 'type-graphql';

@ObjectType()
export class Query {
  @Field((type) => [Project!]!)
  projects!: Project[];
}

@ObjectType()
export class Project {
  @Field((type) => String!)
  name!: string;

  @Field((type) => String!)
  summary!: string;
}

解析器.ts

import { Resolver, Query, FieldResolver, Root } from 'type-graphql';
import { Project } from './types';
import { projectList } from '../../db/fakeDB';

@Resolver()
export class QueryResolver {
  @Query((returns) => [Project])
  projects() {
    return projectList;
  }
}

@Resolver((of) => Project)
export class ProjectResolver {
  @FieldResolver((returns) => String!)
  titleAndSummary(@Root() project: Project) {
    return project.name + ' ++ ' + project.summary;
  }
}

审判

直接将__typename添加到 Objec Type，如下所示

 @Resolver((of) => Project)
export class ProjectResolver {
  @FieldResolver((returns) => String!)
  titleAndSummary(@Root() project: Project) {
    return project.name + ' ++ ' + project.summary;
  }

  @FieldResolver((returns) => String!)
  __typename() {
    return 'Project';
  }
}

但它在请求上抛出错误

◈ Error during invocation:  {
  errorMessage: 'Name "__typename" must not begin with "__", which is reserved by GraphQL introspection.',
  errorType: 'Error',
...

我该如何解决？

因为我英语不好，我担心万一写错了。 请让我知道并更正。 谢谢。

Answer 1

看起来您已打开捆绑缩小功能，因此所有 class 名称都已损坏。

Answer 2

在生产环境中运行时，我们会在 SST 和 TypeGraphQL 中看到这一点。 ObjectType() 和 InputType() 类的“__typename”属性正在转换为两个字母代码。 见照片。

Michał，你能否详细说明 TypeGraphQL 中的包缩小以及如何配置它以维护源代码 ObjectType() 和 InputType() 声明的 class 名称？

"@serverless-stack/cli": "0.54.4",
"@serverless-stack/resources": "0.54.4",    
"apollo-server-lambda": "^2.21.1",
"type-graphql": "^1.1.1",

const server = new ApolloServer({
  schema: buildSchemaSync({
    resolvers: [getWebPaths],
    scalarsMap: [],
    validate: false,
  }),

  playground: true, //IS_LOCAL,
  introspection: true, // IS_LOCAL,

  context: async ({
    context,
    event,
  }: {
    event: APIGatewayEvent
    context: Context
  }): Promise<LambdaRoot> => {
    context.callbackWaitsForEmptyEventLoop = false

    return {
      event,
      context,
    }
  },
})