尝试使用apollo-server的游乐场会导致JSON输入意外结束

Question

当我在apolly-server-lambda应用程序中启动游乐场时，我得到了这个错误：

Playground.tsx:289 SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at index.js:40

这个应用程序只有一个测试解析器。我使用type-graphql来定义模式：

@Resolver()
export class InviteResolver {

    @Query(() => String)
    hello() {
        return 'test';
    }

}

然后我用生成的模式配置了apollo服务器：

async function createHandler() {
    const schema = await buildSchema({
        resolvers: [InviteResolver]
    });

    const server = new ApolloServer({
        schema,
        playground: {
            endpoint: "/dev/graphql"
        }
    })

    return server.createHandler({
        cors: {
            origin: '*',
            methods: '*',
            allowedHeaders: '*',
            credentials: true,
        },
    });
}

export const handler = async function(event: APIGatewayProxyEvent, context: LambdaContext, callback: APIGatewayProxyCallback) {
    context.callbackWaitsForEmptyEventLoop = false;
    return await createHandler()
        .then(handler => handler(event, context, callback));
};

最后，我用serverless完成了所有的设置：

service: app
provider:
  name: aws
  runtime: nodejs12.x
  region: us-east-1
  apiGateway:
    shouldStartNameWithService: true
functions:
  graphql:
    handler: src/app.handler
    events:
      - http:
          path: /graphql
          method: post
          cors: true
      - http:
          path: /graphql
          method: get
          cors: true
plugins:
  - serverless-dotenv-plugin
  - serverless-plugin-typescript
  - serverless-offline

正如您在配置中所看到的，我使用serverless-offline进行开发，并且我从以下内容开始：

serverless offline start

而且它似乎开始得很成功：

   ┌───────────────────────────────────────────────────────────────────────────┐
   │                                                                           │
   │   POST | http://localhost:3000/dev/graphql                                │
   │   POST | http://localhost:3000/2015-03-31/functions/graphql/invocations   │
   │   GET  | http://localhost:3000/dev/graphql                                │
   │   POST | http://localhost:3000/2015-03-31/functions/graphql/invocations   │
   │                                                                           │
   └───────────────────────────────────────────────────────────────────────────┘

我可以在http://localhost:3000/dev/graphql上访问操场UI，但很快我就开始在控制台中一遍又一遍地看到上面的错误。我看不到schema或doc选项卡(基本上所有轮询都失败了)，也没有查询到达该解析器。

你们觉得我的布线方式有什么问题吗？

Answer 1

问题是我导出的是异步函数，而不是常规函数。

对我起作用的是：

const globalSchema = buildSchema({
    resolvers: [InviteResolver]
});

async function getServer() {
    const schema = await globalSchema;
    return new ApolloServer({
        schema,
        playground: {
            endpoint: "/dev/graphql"
        }
    });
}

export function handler(event: any, ctx: any, callback: any) {
    getServer()
        .then(server => server.createHandler({
            cors: {
                origin: '*',
                methods: '*',
                allowedHeaders: '*',
                credentials: true,
            },
        }))
        .then(handler => handler(event, ctx, callback))
}