尝试使用阿波罗服务器的游乐场会导致 JSON 输入意外结束

Question

当我在apolly服务器lambda应用程序中启动游乐场时，我收到了这个错误

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

该应用程序只有一个测试解析程序。我使用类型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));
};

最后，我用无服务器设置了一切：

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 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，但我立即开始在控制台中一遍又一遍地看到上面的错误。我看不到模式或文档选项卡(基本上所有轮询都失败了(，也没有查询到达解析程序。

你们看到我接线的方式有什么不对吗？

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))
}