0

在我的 apolly-server-lambda 应用程序中启动 Playground 时出现此错误:

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

最后,我用无服务器设置了这一切:

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   │
   │                                                                           │
   └───────────────────────────────────────────────────────────────────────────┘

我可以在 上访问 Playground UI http://localhost:3000/dev/graphql,但我立即开始在控制台中一遍又一遍地看到上面的错误。我看不到架构或文档选项卡(基本上所有轮询都失败了),并且没有查询到达该解析器。

你们看到我的接线方式有什么问题吗?

4

1 回答 1

0

问题是我正在导出异步函数而不是常规函数。

对我有用的是:

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

于 2020-12-28T16:29:27.017 回答